h5 特效
2024-10-06 16:46:14
地址:http://www.cnblogs.com/sun927/p/5842852.html
几个别人总结的css3炫酷效果,有需要直接拿来用即可,包括以下几个效果:
1。悬浮时放大
2.悬浮时转一圈
3.自动不停转圈
4.颜色自动越来越浅
.four{animation:mymove linear 5s infinite;-webkit-animation:mymove linear 5s infinite; /*Safari and Chrome*/}
@keyframes mymove
{
from {<
br
> opacity:1;
filter:Alpha(opacity=100);
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);}
to {<
br
> opacity:0.1;
filter:Alpha(opacity=10);
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {
opacity:1;
filter:Alpha(opacity=100);
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}
to {
opacity:0.1;
filter:Alpha(opacity=10);
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
}
}
最新文章
- Hadoop 中利用 mapreduce 读写 mysql 数据
- 元素操作(sizing,尺寸获取,设值,偏移算法,坐标算法)
- 开始我的PostgreSQL的学习之旅
- 使用NPOI导出excel
- JSP 客户端请求
- oracle rac 日志体系结构!
- MacPE+WinPE-黑苹果之路
- [大牛翻译系列]Hadoop(4)MapReduce 连接:选择最佳连接策略
- DataTable经典报错{列/行已属于其他表}
- C++中的面向对象笔记
- 一个比较完善的httpWebRequest 封装,适合网络爬取及暴力破解
- AVIER Racing Drone App Privacy Policy
- 五十七、linux 编程——UDP 编程 域名解析
- 干货 | 揭秘如何增加listing多个类目节点
- 在ASP.NET Core MVC中子类Controller拦截器要先于父类Controller拦截器执行
- sap QG3搜索
- QDialog 使用Demo
- python 冷知识点
- 使用CXF为webservice添加拦截器
- [NOIP2003]栈 题解(卡特兰数)
热门文章
- linux中文件权限的字母含义
- Windows 10 下如何彻底关闭 Hyper-V 服务
- Note 1: Good
- [国外] 解决Windows10下google搜索连接不上,但其它网页都能成功登入的问题
- 百度之星2019第一场1002 Game
- C#实现工作日和休息日(包括法定节假日)的计算
- LoadRunner编程之文件的操作
- 剑指offer1: 组类型——二维数组中的查找(给定一个数字,查找是否在该数组中)
- 第十章 MIZ702 ZYNQ制作UBOOT固化程序
- Codeforces 1097E. Egor and an RPG game