Robot/animate.css
1
0
Fork 0
mirror of https://github.com/animate-css/animate.css.git synced 2024-11-13 07:41:08 +01:00
Code Issues Projects Releases Packages Wiki Activity

😃 Add hertBeat animation as a fix to issue #829

Browse source
This commit is contained in:
James George 2018-07-14 12:07:20 +05:30
parent da9afc06e8
commit 5deb9f7b74
3 changed files with 70 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
animate-config.json
View file

@ -9,7 +9,8 @@
"swing": true,
"tada": true,
"wobble": true,
"jello": true
"jello": true,
"hearBeat": true
},
"bouncing_entrances": {

44
animate.css vendored
View file

@ -370,6 +370,50 @@
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 {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);

24
source/attention_seekers/heartBeat.css Normal file
View 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;
}