css3 animate转圈360旋转
2024-08-31 06:39:35
.logo{ width:20px;
height: 20px;
background: red;
-webkit-animation:haha1 .8s linear infinite;
animation:haha1 .8s linear infinite;
} @-webkit-keyframes haha1{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} }
或
.logo{ width:20px;
height: 20px;
background: red;
-webkit-animation:haha1 .8s linear infinite;
animation:haha1 .8s linear infinite;
} @-webkit-keyframes haha1{ from{transform:rotate(0)} to{transform:rotate(360deg)} }
最新文章
- MooseFS学习-概述
- SAP 使用较频繁的日期时间处理函数总结
- 石子合并[DP-N3]
- DataGridView隔行显示不同的颜色
- UnityShader快速上手指南(二)
- React生命周期浅析
- javaWeb开发总结 ---- 前端数据插入到后台
- Java基础知识强化之集合框架笔记70:模拟斗地主洗牌和发牌(ArrayList)
- FFmpeg缩放swscale详解 <;转>;
- 自己写的书《深入理解Android虚拟机内存管理》,不出版只是写着玩
- Win10家庭版中的SQL2005无法远程连接
- matlab 表示一个导数的函数
- hadoop配置项笔记 - streaming
- 【.NET Core项目实战-统一认证平台】第五章 网关篇-自定义缓存Redis
- VM虚拟机Linux和主机数据传输
- dom 事件主要内容
- python第一天,编写用户接口
- linux 下tftpf搭建
- Redis笔记(三):Redis常用命令
- C++循环链表解决约瑟夫环问题
热门文章
- 【加解密】使用CFSSL生成证书并使用gRPC验证证书
- Java Swing 空布局
- 【原创】利用“进程注入”实现无文件不死webshell
- Pikachu-Unsafe Fileupload模块
- Maven无法下载com.oracle:ojdbc.jar解决方法
- 奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画?
- ReentrantReadWriteLock(读写锁)
- nodejs 更改项目端口号的 方法
- .Net Core WebApi (一) --Config
- 通用Mapper学习