-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmagicGecko.css
45 lines (45 loc) · 3.22 KB
/
magicGecko.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
/**
* <<<<>>>>>> .----------------------------.
* _>><<<<>>>>>>>>> / _____________)
* \|/ \<<<<< < >>>>>>>>> / _______________)
* -------*--===<=<< <<<<<<<>/ _______________)
* /|\ << @ _/ <<<<</ _____________)
* < \ / \ >>>/ ________) ____
* | | | </ ______)____((- \\\\
* o_| / / ______) \ \\\\ \\\\\\\
* | ._ ( ______) \ \\\\\\\\\\\\\\\\
* | / `----------' / / \\\\\\\ \\
* .______/\/ / / / \\\
* / __.____/ _/ ________( /\
* / / / ________/`---------' \ / \_
* / / \ \ \ \ \_ \
* ( < \ \ > / \ \
* \/ \\_ / / > )
* \_| / / / /
*-------------------------------* _// _//
| Gecko the dream maker | /_| /_|
*-------------------------------*--------------------------------------------*/
@-moz-keyframes magicGecko { from { background-position:top left; } to {background-position:top right; } }
@-webkit-keyframes magicGecko { from { background-position:top left; } to { background-position:top right; } }
@-o-keyframes magicGecko { from { background-position:top left; } to { background-position:top right; } }
@-ms-keyframes magicGecko { from { background-position:top left; } to { background-position:top right; } }
@-khtml-keyframes magicGecko { from { background-position:top left; } to { background-position:top right; } }
@keyframes magicGecko { from { background-position:top left; } to { background-position:top right; } }
.magicGecko {
background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue,indigo, violet, indigo, blue, green, yellow, orange, red);
background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue,indigo, violet, indigo, blue, green, yellow, orange, red);
background-image: -moz-linear-gradient(left, red, orange, yellow, green, blue,indigo, violet, indigo, blue, green, yellow, orange, red);
background-image: -o-linear-gradient(left, red, orange, yellow, green, blue,indigo, violet, indigo, blue, green, yellow, orange, red);
background-image: -ms-linear-gradient(left, red, orange, yellow, green, blue,indigo, violet, indigo, blue, green, yellow, orange, red);
background-image: -khtml-linear-gradient(left, red, orange, yellow, green, blue,indigo, violet, indigo, blue, green, yellow, orange, red);
background-image: linear-gradient(left, red, orange, yellow, green, blue,indigo, violet, indigo, blue, green, yellow, orange, red);
animation: magicGecko 0.5s forwards linear infinite;
background-size: 50% auto;
-webkit-background-clip: text;
-moz-background-clip: text;
-o-background-clip: text;
-ms-background-clip: text;
-khtml-background-clip: text;
background-clip: text;
color: transparent;
}