Flicker Text

Article 135 in CSS

2021-06-20 02:03:59 from bugfish
Flicker Text
CSS / Hints
Last Review on: 2022-05-21 07:51:17 | Hits: 415

Flicker Text Example

<style>@keyframes textflicker {
  from {text-shadow: 1px 0 0 #C1C1C1, -2px 0 0 #000000}
  to {text-shadow: 2px 0.5px 2px #C1C1C1, -1px -0.5px 2px #000000;}}
#statered2 { padding: 1em;
       color: #CcCcCc;
       font-size: 1em;
       line-height: 1;
       text-shadow: 0.06rem 0 0.06rem #2c2c2c, -0.125rem 0 0.06rem #2c2c2c;
       letter-spacing: 0.125em;
       animation-duration: 0.5s;
       animation-name: textflicker;
       animation-iteration-count: infinite;
       animation-direction: alternate;}
<font id="statered2">This is a Flicker Text</font>

I do not guarantee the reliability of the information given here, the code described on this page is executed at your own risk and in the event of damage or other unforeseeable consequences I am in no way responsible or liable.
Currently 0 Upvotes!
captcha image
System - 2021-06-20 14:34:12
We appreciate comments on our site!
Switch: 166 | Arrive: 223
This Website is using Session Cookies for Site Functionality and AWStats.