使用wow.js加animate.css之后
我想实现按钮每隔几秒放大一下,提醒用户可以点击那里。
开始以为anamation有自带的每次循环之间的时间延迟。然后发现并没有
animation-delay是首次执行的延时。
然后参考了这个地址:https://segmentfault.com/q/1010000000321090
的回答
![css3 animation动画,设置循环间的延时执行_第1张图片](http://img.e-com-net.com/image/info8/885992c5bc0e49ccaca76977ce065b6c.jpg)
改写了animation.css的pulse动画
@-webkit-keyframes pulse2{
0
%
{
-webkit-transform
:
scale3d
(
1
,
1
,
1
)
;
transform
:
scale3d
(
1
,
1
,
1
)}
15
%
{
-webkit-transform
:
scale3d
(
1.05
,
1.05
,
1.05
)
;
transform
:
scale3d
(
1.05
,
1.05
,
1.05
)}
30
%
{
-webkit-transform
:
scale3d
(
1
,
1
,
1
)
;
transform
:
scale3d
(
1
,
1
,
1
)}
100
%
{
-webkit-transform
:
scale3d
(
1
,
1
,
1
)
;
transform
:
scale3d
(
1
,
1
,
1
)}
}
@keyframes
pulse2
{
0
%
{
-webkit-transform
:
scale3d
(
1
,
1
,
1
)
;
transform
:
scale3d
(
1
,
1
,
1
)}
15
%
{
-webkit-transform
:
scale3d
(
1.05
,
1.05
,
1.05
)
;
transform
:
scale3d
(
1.05
,
1.05
,
1.05
)}
30
%
{
-webkit-transform
:
scale3d
(
1
,
1
,
1
)
;
transform
:
scale3d
(
1
,
1
,
1
)}
100
%
{
-webkit-transform
:
scale3d
(
1
,
1
,
1
)
;
transform
:
scale3d
(
1
,
1
,
1
)}
}
.animated.pulse2
{
-webkit-animation-name
:
pulse2;
animation-name
:
pulse2;
animation-duration
:
3
s
;
animation-iteration-count
:
infinite
;