|
67 | 67 | -webkit-transform:perspective(1px) translateZ(0); |
68 | 68 | transform:perspective(1px) translateZ(0); |
69 | 69 | box-shadow:0 0 1px rgba(0,0,0,0); |
70 | | - -webkit-transition-duration:.3s; |
71 | | - transition-duration:.3s; |
| 70 | + -webkit-transition-duration:.1s; |
| 71 | + transition-duration:.1s; |
72 | 72 | -webkit-transition-property:transform; |
73 | 73 | transition-property:transform |
74 | 74 | } |
75 | 75 | .button-hover:active,.credit-hover:active, |
76 | 76 | .button-hover:focus,.credit-hover:focus, |
77 | 77 | .button-hover:hover,.credit-hover:hover{ |
78 | | - -webkit-transform:scale(1.1); |
79 | | - transform:scale(1.1) |
80 | | -} |
81 | | - |
82 | | - |
83 | | -/* Icon hover animations |
84 | | -–––––––––––––––––––––––––––––––––––––––––––––––––– */ |
85 | | - |
86 | | -.icon-hover{ |
87 | | - display:inline-block; |
88 | | - -webkit-transform:perspective(1px) translateZ(0); |
89 | | - transform:perspective(1px) translateZ(0); |
90 | | - box-shadow:0 0 1px rgba(0,0,0,0); |
91 | | - -webkit-transition-duration:.3s; |
92 | | - transition-duration:.3s |
93 | | -} |
94 | | -.icon-hover .hvr-icon{ |
95 | | - -webkit-transform:translateZ(0); |
96 | | - transform:translateZ(0) |
97 | | -} |
98 | | -.icon-hover:active .hvr-icon,.icon-hover:focus .hvr-icon,.icon-hover:hover .hvr-icon{ |
99 | | - -webkit-animation-name:icon-hover; |
100 | | - animation-name:icon-hover; |
101 | | - -webkit-animation-duration:1s; |
102 | | - animation-duration:1s; |
103 | | - -webkit-animation-timing-function:ease-in-out; |
104 | | - animation-timing-function:ease-in-out; |
105 | | - -webkit-animation-iteration-count:1; |
106 | | - animation-iteration-count:1 |
107 | | -} |
108 | | - |
109 | | -@-webkit-keyframes icon-hover{ |
110 | | - 16.65%{ |
111 | | - -webkit-transform:translateY(6px); |
112 | | - transform:translateY(6px) |
113 | | - } |
114 | | - 33.3%{ |
115 | | - -webkit-transform:translateY(-5px); |
116 | | - transform:translateY(-5px) |
117 | | - } |
118 | | - 49.95%{ |
119 | | - -webkit-transform:translateY(4px); |
120 | | - transform:translateY(4px) |
121 | | - } |
122 | | - 66.6%{ |
123 | | - -webkit-transform:translateY(-2px); |
124 | | - transform:translateY(-2px) |
125 | | - } |
126 | | - 83.25%{ |
127 | | - -webkit-transform:translateY(1px); |
128 | | - transform:translateY(1px) |
129 | | - } |
130 | | - 100%{ |
131 | | - -webkit-transform:translateY(0); |
132 | | - transform:translateY(0) |
133 | | - } |
134 | | -} |
135 | | -@keyframes icon-hover{ |
136 | | - 16.65%{ |
137 | | - -webkit-transform:translateY(6px); |
138 | | - transform:translateY(6px) |
139 | | - } |
140 | | - 33.3%{ |
141 | | - -webkit-transform:translateY(-5px); |
142 | | - transform:translateY(-5px) |
143 | | - } |
144 | | - 49.95%{ |
145 | | - -webkit-transform:translateY(4px); |
146 | | - transform:translateY(4px) |
147 | | - } |
148 | | - 66.6%{ |
149 | | - -webkit-transform:translateY(-2px); |
150 | | - transform:translateY(-2px) |
151 | | - } |
152 | | - 83.25%{ |
153 | | - -webkit-transform:translateY(1px); |
154 | | - transform:translateY(1px) |
155 | | - } |
156 | | - 100%{ |
157 | | - -webkit-transform:translateY(0); |
158 | | - transform:translateY(0) |
159 | | - } |
| 78 | + -webkit-transform:scale(1.02); |
| 79 | + transform:scale(1.02) |
160 | 80 | } |
161 | 81 |
|
162 | 82 |
|
|
0 commit comments