.animation{
position: relative;
animation:mymove 40s infinite;
animation-play-state:running;
animation-timing-function:linear;
/* Safari and Chrome */
-webkit-animation:mymove 40s infinite;
-webkit-animation-play-state:running;
-webkit-animation-timing-function:linear;
}
.animation:hover{
animation-name:mymove;
animation-play-state:paused;
-webkit-animation-name:mymove; /* Safari 和 Chrome */
-webkit-animation-play-state:paused;
}
@keyframes mymove
{
from {right:0px;}
to {right:2420px;}
}
@-webkit-keyframes mymove /* Safari and Chrome */
{
from {right:0px;}
to {right:2420px;}
}
css 滚动动画
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 官网:http://mynameismatthieu.com/WOW/ bootstrap CDN服务:http:...
- aos.js是一款非常好的监听页面滚动动条而加载出动态效果的插件 wow.js和aos.js作用一样,但是wow....
- 这次要实现的目标是类似这种,纵向滚动时表头固定,横向滚动时,表头跟着滚动 最基础的思路就是表头和内容是用两个表格来...
- .content{ background: #fff; position: absolute; overflow:...