Tell Glide how you use CSS

General
105

Where-to-Find-All-Mending-Machine-Locations-in-Fortnite-Chapter-3-Season-4.jpg (2400×1800) - Google Chrome 21_10_2022 9_12_35 pm (2)
Where-to-Find-All-Mending-Machine-Locations-in-Fortnite-Chapter-3-Season-4.jpg (2400×1800) - Google Chrome 21_10_2022 9_12_35 pm (2)474×922 225 KB

To add the outline to the images so that they display like those of Instagram Stories Highlights, I first set the list in style tiles, circle shape… Then I Used the code below, but only this list must be in tile styles on the screen, otherwise the circle will appear below too and it won’t be very pretty.

<pre><span><style>

.tile-inner {
padding: 3px 1px;
}

.tile-image-area {
border-radius: 50%;
box-shadow: inset 0px 0px 0px 15px white;
}

.tile-image-area:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -3px; 
    border-radius: inherit;
    background: radial-gradient(circle at 30% 107%, #fc4e03 40%, #fc4e03 65%, #fc4e03 45%,#fc4e03 60%,#ffb508 90%);
}
1 Like