Robot
/
Hover
mirror of https://github.com/IanLunn/Hover.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Minor fix to hover-shadow

This commit is contained in:
Ian Lunn 2014-05-15 22:09:57 +01:00
parent e699c968a8
commit 0cb2937b12
3 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/hover-min.css vendored
View File

File diff suppressed because one or more lines are too long

6
css/hover.css
View File

@ -1529,11 +1529,17 @@
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-name: hover;
animation-name: hover;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {

12
scss/effects/_hover-shadow.scss
View File

@ -54,12 +54,12 @@
&:focus,
&:active {
@include prefixed(transform, translateY(-6px));
animation-name: hover;
animation-duration: 1.5s;
animation-delay: $defaultDuration;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
@include prefixed(animation-name, hover);
@include prefixed(animation-duration, 1.5s);
@include prefixed(animation-delay, $defaultDuration);
@include prefixed(animation-timing-function, linear);
@include prefixed(animation-iteration-count, infinite);
@include prefixed(animation-direction, alternate);
&:before {
opacity: .4;