随笔分类 -  CSS3效果

css多样边框
摘要：半透明边框 div{ border: 10px solid rgba(255,255,255,.5); background: white; background-clip: padding-box; /*关键代码*/ } 仅仅将边框颜色设为半透明是不能实现半透明边框的，因为默认情况下，背景会延伸到 阅读全文
posted @ 2020-12-24 11:42 以深 阅读(103) 评论(0) 推荐(0)
页脚波浪滚动css3
摘要：效果： 解析： 代码里面我做了fooer列表部分，用了font-awesome图标，这个不影响。 波浪效果主要是用animation实现的。 元素wave-list1相对定位，其他三个绝对定位。 波浪图写入两次是为了避免动画效果结束之后出现间断，对第二张图设置延迟，这样当wave-list1的x轴从 阅读全文
posted @ 2020-09-02 16:49 以深 阅读(383) 评论(0) 推荐(0)
CSS--3D正方体旋转
摘要：前言：正方体旋转这个效果是之前在逛其他博客的时候看到的，然后觉得好玩，就做出来看看。 代码： 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8" /> 4 <title>正方体旋转</title> 5 <meta name="viewport" co 阅读全文
posted @ 2020-07-24 10:50 以深 阅读(1325) 评论(0) 推荐(0)

TOP