在网页中添加动态图片,使鼠标在按钮上方时有动态效果
2条回答 默认 最新
- 步踟蹰于码海 2021-11-08 22:42关注
你说的是sprite animation图片,监听到鼠标移动上图片,然后不断重复规律移动图片的一定像素达到循环播放的效果
<style> .box1{height: 256px;width: 256px;margin: 0px auto;background-image: url(./img/bg2.png); animation:run 1s steps(6) infinite; } @keyframes run{from{background-position: 0 0;} to{background-position: -1536px 0;}} </style>
插入一张雪碧图然后循环动画即可
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏 举报无用 2
悬赏问题
- ¥15 matlab中使用gurobi时报错
- ¥15 WPF 大屏看板表格背景图片设置
- ¥15 这个主板怎么能扩出一两个sata口
- ¥15 不是,这到底错哪儿了😭
- ¥15 2020长安杯与连接网探
- ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
- ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
- ¥16 mybatis的代理对象无法通过@Autowired装填
- ¥15 可见光定位matlab仿真
- ¥15 arduino 四自由度机械臂