File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ .animate__glitch
2+ {
3+ position : relative;
4+ background : inherit; !important ;
5+ text- shadow: -3px 0 # F40102 , -5px 0 # FBF700 , 2px 0 # 0002FC, 5px 0 # 00F8FB;
6+ }
7+
8+ .animate__glitch ::after , .animate__glitch ::before
9+ {
10+ content : attr (data-glitch);
11+ position : absolute;
12+ top : 0 ;
13+ left : 0 ;
14+ color : inherit !important ;
15+ text-shadow : none;
16+ }
17+
18+ .animate__glitch ::after
19+ {
20+ transform : translateX (2px );
21+ background : inherit !important ;
22+ clip-path : polygon (0 0 , 100% 0 , 100% 30% , 0 100% );
23+ animation : glitch 0.2s 0.5s infinite;
24+ -webkit-animation : glitch 0.2s 0.5s infinite;
25+ }
26+
27+ .animate__glitch ::before
28+ {
29+ transform : translateX (-3px );
30+ background : inherit !important ;
31+ clip-path : polygon (0 60% , 100% 0% , 100% 100% , 0 100% );
32+ animation : glitch 0.2s infinite linear alternate;
33+ -webkit-animation : glitch 0.2s infinite linear alternate;
34+ }
35+
36+ @keyframes glitch
37+ {
38+ from
39+ {
40+ opacity : 0 ;
41+ }
42+ to
43+ {
44+ opacity : 1 ;
45+
46+ }
47+ }
You can’t perform that action at this time.
0 commit comments