mirror of
https://github.com/animate-css/animate.css.git
synced 2024-09-29 22:41:31 +02:00
😃 Add hertBeat animation as a fix to issue #829
This commit is contained in:
parent
da9afc06e8
commit
5deb9f7b74
@ -9,7 +9,8 @@
|
|||||||
"swing": true,
|
"swing": true,
|
||||||
"tada": true,
|
"tada": true,
|
||||||
"wobble": true,
|
"wobble": true,
|
||||||
"jello": true
|
"jello": true,
|
||||||
|
"hearBeat": true
|
||||||
},
|
},
|
||||||
|
|
||||||
"bouncing_entrances": {
|
"bouncing_entrances": {
|
||||||
|
44
animate.css
vendored
44
animate.css
vendored
@ -370,6 +370,50 @@
|
|||||||
animation-name: headShake;
|
animation-name: headShake;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes heartBeat{
|
||||||
|
0%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
14%{
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
28%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
42%{
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
70%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes heartBeat{
|
||||||
|
0%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
14%{
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
28%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
42%{
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
70%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.heartBeat{
|
||||||
|
-webkit-animation-name: heartBeat;
|
||||||
|
animation-name: heartBeat;
|
||||||
|
-webkit-animation-duration: 1.3s;
|
||||||
|
animation-duration: 1.3s;
|
||||||
|
-webkit-animation-timing-function: ease-in-out;
|
||||||
|
animation-timing-function: ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
@-webkit-keyframes swing {
|
@-webkit-keyframes swing {
|
||||||
20% {
|
20% {
|
||||||
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
||||||
|
24
source/attention_seekers/heartBeat.css
Normal file
24
source/attention_seekers/heartBeat.css
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
@keyframes heartBeat{
|
||||||
|
0%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
14%{
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
28%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
42%{
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
70%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.heartBeat{
|
||||||
|
-webkit-animation-name: heartBeat;
|
||||||
|
animation-name: heartBeat;
|
||||||
|
-webkit-animation-duration: 1.3s;
|
||||||
|
animation-duration: 1.3s;
|
||||||
|
animation-timing-function: ease-in-out;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user