一个图片无限循环上下运动实例-白红宇

一个图片无限循环上下运动实例

阅读量：6817 次

发布时间：2019-06-26

本文共 817 字，大约阅读时间需要 2 分钟。

.btn-page{width: 25px;height: 25px;background: url(../images/footer3.jpg) no-repeat center;margin: 0 auto;

-moz-animation: btnPage 1.2s ease-in-out infinite;

-webkit-animation: btnPage 5s linear infinite;

animation: btnPage 2s ease-in-out infinite; }

@-moz-keyframes btnPage { 0% { -moz-transform: translateY(116px); }

50% { -moz-transform: translateY(0); }

100% { -moz-transform: translateY(116px); } }

@-webkit-keyframes btnPage { 0% { -webkit-transform: translateY(116px); }

50% { -webkit-transform: translateY(0); }

100% { -webkit-transform: translateY(116px); } }

@keyframes btnPage { 0% { transform: translateY(116px); }

50% { transform: translateY(0); }

100% { transform: translateY(116px); } }

转载于:https://www.cnblogs.com/lsc-boke/p/6513004.html

你可能感兴趣的文章

'<>' operator is not allowed for source level below 1.7

使用jquery.validate.js实现boostrap3的校验和验证

Java基础学习总结（85）——Java中四种线程安全的单例模式实现方式

查看>>

Mysql学习总结（9）——MySql视图原理讲解与使用大全

查看>>

DirectX 10 学习笔记7：环境光

查看>>

Segmentation fault (core dumped)

查看>>

openCV 二图像处理

查看>>

Android 使用 ACTION_CALL 拨号

网络编程中的CAP & 有趣的存储框架（关系型、NoSQL）全图

查看>>

Web前端开发基础第四课（认识CSS样式）