用css3实现图片的放大缩小
2024-09-06 13:20:57
记录一个公用的css实现图片的放大缩小
@keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
0%{
transform: scale(1); /*开始为原始大小*/
}
25%{
transform: scale(1.5); /*放大1.1倍*/
}
50%{
transform: scale(1);
}
75%{
transform: scale(1.5);
}
}
.showImg {
width: 20px;
height: 20px;
animation: scaleDraw 5s ease-in-out infinite;
}
<img src="" class="showImg " alt="">
最新文章
- Unity LightmapParameters的使用
- Selenium2+python自动化4-Pycharm使用
- OWIN的理解和实践(一) – 解耦,协作和开放
- C#中Encoding.Unicode与Encoding.UTF8的区别
- UVa 699 (二叉树) The Falling Leaves
- Eclipse 安装使用 Maven
- Nginx 变量漫谈（二）
- Float 的那些事
- Tsinsen-A1489 抽奖 【数学期望】
- 微信小程序路过
- Fiddler 接口测试（Composer）的使用方法及并发测试
- C# 数字转换成大写
- PAT A1123 Is It a Complete AVL Tree （30 分）——AVL平衡二叉树，完全二叉树
- nginx与apache的参考配置
- ORACLE数据库表解锁record is locked by another user
- kindle书摘-活着-余华-活着不易，珍惜
- 如何每日增量加载数据到Hive分区表
- Reaction to 构造之法 of Software Engineering From The First Chapter toThe Fifth Chapter
- Spring中的Bean配置方式
- atitit. 研发管理---如何根据自己的特挑选 产业、行业、职业、岗位与自己发展的关系