Saltar al contenido

StudiosJohan

Font Eater

HTML

				
					<span class="animation_offset"></span>
<span> </span>
<span class="animation_offset"> </span>

				
			

CSS

				
					.animation_offset{

animation: letter-flicker 2s linear infinite;
    
}
@keyframes letter-flicker {
0% {
    opacity: 0.1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}

2% {
    opacity: 0.1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
4% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
19% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
21% {
    opacity: 0.1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
23% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
80% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
83% {
    opacity: 0.4;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
87% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
}

.elementor-2902 .elementor-element.elementor-element-85ff992 {
    animation: 3s linear 0s infinite normal none running text-flicker;
}

@keyframes text-flicker {
    
0% {
    opacity: 0.1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
2% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
8% {
    opacity: 0.1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
9% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
12% {
    opacity: 0.1;
    text-shadow: 0px 0px rgb(242 22 22);
}
20% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
25% {
    opacity: 0.3;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
30% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
70% {
    opacity: 0.7;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
72% {
    opacity: 0.2;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
77% {
    opacity: .9;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}
100% {
    opacity: .9;
    text-shadow: 0px 0px 29px rgb(242 22 22);
}}