👀 Sneak Peek: Random Name Picker with Animation!

[Robert_Petitto]

…template and tutorial coming soon

[Rosewebstudio]

Wizardry

[ThinhDinh]

Gorgeous.

[Robert_Petitto]

Explanation:

<pre><span><style>
[data-test="app-image-carousel"] :nth-child(1)
 {
position: fixed;
top:22%;
z-index: 1;
-moz-animation: cssAnimation 0s ease-in 2s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 2s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 2s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 2s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}

[Robert_Petitto]

Template now available!

Random Name Picker

[Wiz.Wazeer]

Kids are gonna love this !

[wjcv06]

It seems that Glide changed the name of its classes, because a couple of days ago it worked and now it doesn’t

[Robert_Petitto]

I’ll take a look and update the code tonight.

[Robert_Petitto]

Edited the code above. It’s not perfect…gotta play with the top% a bit. I also added a separator above the image: