_bounce-vertical()
Bounce vertical
scss
//
// @param length $px bounce size
// @param second|milisecond $delay: 0 animate time
//
.c-foo {
@include _hover() {
@include _bounce-vertical(4px, .5s);
}
}
Bounce vertical
//
// @param length $px bounce size
// @param second|milisecond $delay: 0 animate time
//
.c-foo {
@include _hover() {
@include _bounce-vertical(4px, .5s);
}
}
Shake vertical
.c-foo {
@include _hover() {
@include _shake-vertical();
}
}
Vibrate vertical
.c-foo {
@include _hover() {
@include _vibrate-vertical();
}
}
Bounce horizontal
//
// @param length $px bounce size
// @param second|milisecond $delay: 0 animate time
//
.c-foo {
@include _hover() {
@include _bounce-horizontal(4px, .5s);
}
}
Shake horizontal
.c-foo {
@include _hover() {
@include _shake-horizontal();
}
}
Vibrate horizontal
.c-foo {
@include _hover() {
@include _vibrate-horizontal();
}
}
Bounce scale
//
// @param float $px bounce size
// @param second|milisecond $delay: 0 animate time
//
.c-foo {
@include _hover() {
@include _bounce-scale(1.2, .5s);
}
}
Shake scale
.c-foo {
@include _hover() {
@include _shake-scale();
}
}
Vibrate scale
.c-foo {
@include _hover() {
@include _vibrate-scale();
}
}
Extend the underline from the center.
.c-foo a {
@include _hover() {
&::after {
@include _extend-underline();
}
}
}