案例
关注
分享
扫一扫
耍酷的李世达
这个作者很懒，什么都没留下…
展开
-
css3动画轮播图
css动画轮播图核心：1.起始位置是负的一轮长度（即四个小li为一轮）。2.移动最终位置是0，即从负的一轮长度移到起点即可。3.鼠标触碰位置暂停动画，属性animation-play-state: paused;。代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wid原创 2020-09-05 10:42:12 · 148 阅读 · 0 评论 -
css3硬币翻转
css硬币翻转硬币翻转问题思路：1.准备一个父盒子、子盒子1、子盒子2，盒子2通过定位和盒子1重合（此时盒子2在上面）。2.盒子2设置3d翻转(绕y轴)，从0deg到180deg。3.将盒子2翻转180度后隐藏，此时要用到backface-visibility: hidden;。4.处理盒子1：盒子1一开始就设置旋转到180deg的状态，鼠标经过后从180deg到0deg。代码如下：<!DOCTYPE html><html lang="en"> <he原创 2020-09-05 08:41:29 · 510 阅读 · 0 评论