PrefixEffects.css 1.6 Ko
Télécharger le fichier
@keyframes prefix-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
@keyframes prefix-bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-2px); }
}
@keyframes prefix-wave {
0%, 100% { transform: rotate(0deg); }
25% { transform: rotate(-5deg); }
75% { transform: rotate(5deg); }
}
@keyframes prefix-shake {
0%, 100% { transform: translateX(0); }
20% { transform: translateX(-1px); }
40% { transform: translateX(1px); }
60% { transform: translateX(-1px); }
80% { transform: translateX(1px); }
}
@keyframes prefix-rainbow {
0% { filter: hue-rotate(0deg); }
100% { filter: hue-rotate(360deg); }
}
@keyframes prefix-gold {
0%, 100% { filter: brightness(1); }
50% { filter: brightness(1.25) saturate(1.2); }
}
@keyframes prefix-glitch {
0%, 100% { transform: translate(0, 0); }
20% { transform: translate(-1px, 0); }
40% { transform: translate(1px, 0); }
60% { transform: translate(-1px, 1px); }
80% { transform: translate(1px, -1px); }
}
@keyframes prefix-fire {
0%, 100% {
filter: brightness(1);
transform: translateY(0);
}
50% {
filter: brightness(1.15);
transform: translateY(-1px);
}
}
@keyframes prefix-matrix {
0% {
opacity: 0.85;
letter-spacing: 0;
}
50% {
opacity: 1;
letter-spacing: 0.4px;
}
100% {
opacity: 0.85;
letter-spacing: 0;
}
}
@keyframes prefix-sparkle {
0%, 100% {
filter: brightness(1);
opacity: 1;
}
50% {
filter: brightness(1.35);
opacity: 0.92;
}
}
