cillian꧂
cillian꧂
PostsComments
KPCKevin Powell - Community
Created by cillian꧂ on 10/5/2023 in #front-end
How can I disable image animations that run when a web page reloads?
I solved it using css transitions instead: 
#logo_image_2{
    position: fixed;
    width: 100px;
    left: 25px;
    top: 27.5px;
    z-index: 10;
    transition:opacity 1s;
}
.logo_invisible{
    opacity:0;
    pointer-events: none;
}
.logo_visible{
    opacity:1;
}
#logo_image_2{
    position: fixed;
    width: 100px;
    left: 25px;
    top: 27.5px;
    z-index: 10;
    transition:opacity 1s;
}
.logo_invisible{
    opacity:0;
    pointer-events: none;
}
.logo_visible{
    opacity:1;
}
2 replies