-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathglowing.css
54 lines (50 loc) · 2.61 KB
/
glowing.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
46
47
48
49
50
51
52
53
54
/*!
* Glowing.css - a simple pure CSS to make PNG or anything glow!
* https://github.com/topex-psy/Glowing.css
*
* Version: 1.0
* Author: Taufik Nur Rahmanda (https://www.facebook.com/TopEx.Divine)
* Github: https://github.com/topex-psy
* Made available under a MIT License:
* http://www.opensource.org/licenses/mit-license.php
*/
.glowing {
-webkit-filter: drop-shadow(0 0 0 rgba(255,255,255,.8));
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.glowing.red:hover { -webkit-filter: drop-shadow(0 0 8px rgba(255,153,153,1)); }
.glowing.orange:hover { -webkit-filter: drop-shadow(0 0 8px rgba(244,173,66,1)); }
.glowing.yellow:hover { -webkit-filter: drop-shadow(0 0 8px rgba(244,241,66,1)); }
.glowing.green:hover { -webkit-filter: drop-shadow(0 0 8px rgba(83,244,66,1)); }
.glowing.cyan:hover { -webkit-filter: drop-shadow(0 0 8px rgba(0,255,221,1)); }
.glowing.lightblue:hover { -webkit-filter: drop-shadow(0 0 8px rgba(0,231,255,1)); }
.glowing.blue:hover { -webkit-filter: drop-shadow(0 0 8px rgba(0,153,255,1)); }
.glowing.darkblue:hover { -webkit-filter: drop-shadow(0 0 8px rgba(0,63,255,1)); }
.glowing.indigo:hover { -webkit-filter: drop-shadow(0 0 8px rgba(167,66,244,1)); }
.glowing.purple:hover { -webkit-filter: drop-shadow(0 0 8px rgba(244,66,232,1)); }
.glowing.magenta:hover { -webkit-filter: drop-shadow(0 0 8px rgba(255,109,194,1)); }
.glowing.pink:hover { -webkit-filter: drop-shadow(0 0 8px rgba(255,137,184,1)); }
.and { }
.quickly { -webkit-transition:-webkit-transform .05s !important;-moz-transition:-moz-transform .05s !important;-o-transition:-o-transform .05s !important;transition:transform .05s !important; }
.rotating:hover { -ms-transform:matrix(1.1,0.2,-0.2,1.1,0,0);-webkit-transform:matrix(1.1,0.2,-0.2,1.1,0,0);transform:matrix(1.1,0.2,-0.2,1.1,0,0); }
.zooming:hover { -ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1); }
.disco:hover {
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: disco;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-name: disco;
}
@-webkit-keyframes disco {
0% { -webkit-filter: drop-shadow(0 0 8px rgba(255,153,153,1)); }
25% { -webkit-filter: drop-shadow(0 0 8px rgba(244,241,66,1)); }
50% { -webkit-filter: drop-shadow(0 0 8px rgba(0,153,255,1)); }
75% { -webkit-filter: drop-shadow(0 0 8px rgba(244,66,232,1)); }
100% { -webkit-filter: drop-shadow(0 0 8px rgba(255,153,153,1)); }
}