我有一个css3的代码,其显示效果是当打开网页时就开始现实动画,但是我想改成鼠标经过动画,当怎么做?

html-css015

我有一个css3的代码,其显示效果是当打开网页时就开始现实动画,但是我想改成鼠标经过动画,当怎么做?,第1张

#animation:hover{

    -webkit-animation:wobble 1s .2s ease both

    -moz-animation:wobble 1s .2s ease both

}

经查询以及和使用过的人交流可以知道,应该这样进行设置,animation-delay 属性定义动画什么时候开始。

animation-delay 值单位可以是秒(s)或毫秒(ms)。

提示: 允许负值,-2s 使动画马上开始,但跳过 2 秒进入动画。

语法

animation-delay: time

time可选。定义动画开始前等待的时间,以秒或毫秒计。默认值为0

网页达到可视区域动画只需要3步

引入wow.js

引入animate.css

给DIV增加动画特效,如:

.menu{animation: flash 1s linear 0s  infinite-webkit-animation: flash 1s linear 0s  infinite-moz-animation: flash 1s linear 0s infinite-ms-animation: flash 1s linear 0s infinite-o-animation: flash 1s linear 0s infinite}

具体操作步骤见网页链接