9 replies

CSS Animation (Safari) is not Working Properly

Hello!

I am facing with an issue happening on Safari, with animation. I don't know why this is happening either. The code looks so clean to me. I have checked dev tools, the animation too but I couldn't control it (I guess it is not supported yet to play / pause animations).

Code

<li class="nav-item highlighted-text slide-top">
    <a href="#minesa-plus">Minesa+</a>
</li>

<li class="nav-item highlighted-text slide-top">
    <a href="#minesa-plus">Minesa+</a>
</li>

.slide-top {
    animation: slide-top var(--animation-time) linear;
    animation-delay: 0ms; /* Added to remove glitch but still happening... */
}

.slide-top {
    animation: slide-top var(--animation-time) linear;
    animation-delay: 0ms; /* Added to remove glitch but still happening... */
}

KP-C

Kevin Powell - Community•3y ago•

9 replies

˗ˏˋ 𝖓𝖊𝖔 ˎˊ

CSS Animation (Safari) is not Working Properly

Hello!

Code

<li class="nav-item highlighted-text slide-top">
    <a href="#minesa-plus">Minesa+</a>
</li>

<li class="nav-item highlighted-text slide-top">
    <a href="#minesa-plus">Minesa+</a>
</li>

.slide-top {
    animation: slide-top var(--animation-time) linear;
    animation-delay: 0ms; /* Added to remove glitch but still happening... */
}

.slide-top {
    animation: slide-top var(--animation-time) linear;
    animation-delay: 0ms; /* Added to remove glitch but still happening... */
}

CSS Animation (Safari) is not Working Properly

Code

Similar Threads

CSS Animation (Safari) is not Working Properly

Code

Similar Threads

Similar Threads

Similar Threads