mirror of https://github.com/IanLunn/Hover.git
39 lines
531 B
SCSS
39 lines
531 B
SCSS
|
/* Wobble Vertical */
|
||
|
|
@keyframes wobble-vertical {
|
||
|
|
16.65% {
|
||
|
|
transform: translateY(8px);
|
||
|
|
}
|
||
|
|
|
||
|
|
33.3% {
|
||
|
|
transform: translateY(-6px);
|
||
|
|
}
|
||
|
|
|
||
|
|
49.95% {
|
||
|
|
transform: translateY(4px);
|
||
|
|
}
|
||
|
|
|
||
|
|
66.6% {
|
||
|
|
transform: translateY(-2px);
|
||
|
|
}
|
||
|
|
|
||
|
|
83.25% {
|
||
|
|
transform: translateY(1px);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin wobble-vertical {
|
||
|
|
display: inline-block;
|
||
|
|
|
||
|
|
@extend %hacks;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
animation-name: wobble-vertical;
|
||
|
|
animation-duration: 1s;
|
||
|
|
animation-timing-function: ease-in-out;
|
||
|
|
animation-iteration-count: 1;
|
||
|
|
}
|
||
|
|
}
|