![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css动画特效
文章平均质量分 66
不及你笑靥如花
这个作者很懒,什么都没留下…
展开
-
02-纯css开关效果——伪元素after与before的妙用及讲解
文章目录开关动态图这个开关的效果主要运用了伪元素,CSS3伪元素是用来添加一些选择器的特殊效果。一、定义以及用法常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的content,用于在css渲染中向元素逻辑上的头部或尾部添加内容。注意:这些添加不会出现在DOM中,不会改变文档内容,不可复制,仅仅是在css渲染层加入。::before和::after必须配合cont原创 2020-10-13 14:41:17 · 269 阅读 · 2 评论 -
01-纯css打造云端仙境
这款云端动画效果,主要css3动画和css变量打造而成。css3使云朵移动,css变量给云朵造成移动速度的不同。代码免费下载地址,具体解释步骤如下。(喜欢的话就点赞收藏奥)步骤一:先把body部分的代码完成(把透明的云朵图片放入body中),并且设置下变量–i(为云朵不同移动速度准备)。<body> <div class="clouds"> <img src="./images/cloud1.png" style="--i:1" alt="">原创 2021-02-01 15:49:51 · 239 阅读 · 0 评论