![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
动画
佛系孤单
这个作者很懒,什么都没留下…
展开
-
H5直播时疯狂点赞的实现
CSS3 实现 用 CSS3 实现动画,显然,我们想到的是用 animation 。 首先看下 animation 合并写法,具体含义就不解释了,如果需要可以自行了解。 animation: name duration timing-function delay iteration-count direction fill-mode play-state; 我们开始来一步一步实现。 Step 1: 固定区域,设置基本样式 首先,我们先准备 1 张点赞动画图片: 看一下 HTML 结构。外层一个结构固定整个.原创 2020-06-16 17:00:08 · 854 阅读 · 0 评论 -
输入框动画
动画如下 实现第一个动画的原理和动画 :before 和 :after伪元素指定了一个元素文档树内容之前和之后的内容。由于input标签不是可插入内容的容器。所以这里下划线无法通过伪元素来实现。需要借助其他 dom 节点。 <div class="active-input"> <input placeholder="input underline" class=...原创 2019-08-01 15:54:53 · 237 阅读 · 0 评论