- 博客(7)
- 收藏
- 关注
RSS订阅转载 纯css耍个透明正方体转一转
效果 效果图如下 实现思路 定义一个最外层的容器，用来控制显示的位置 定义一个父容器，用来设置元素被查看位置的视图，这里使用到CSS3的perspective 属性 定义子容器，设置为相对定位，利用transform-style属性，使被转换的子元素保留其 3D 转换 定义6个div，构成正方体的6个面 dom结构 按照实现思路，我们需要如下的dom...
2019-09-20 15:08:00
122
转载 纯纯的css画美美的彩虹
效果 效果图如下 实现思路 使用box-shadow画赤橙黄绿蓝靛紫7个弧形，拼接在一起 after伪元素写投影样式 彩虹和投影都有动画 dom结构 用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写彩虹的样式。 <div class="container"> <div class="rainbow"...
2019-09-19 09:35:00
102
转载 纯css写一个大太阳的天气图标
效果 效果图如下 实现思路 div实现太阳的一条矩形光影 before伪元素制作另一条光影矩形，和已有的转变90° after伪元素画个圆实现太阳样式 dom结构 用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写太阳的一条光影矩形的样式。 <div class="container"> <div c...
2019-09-18 09:25:00
188
转载 纯css实现乌云密布的天气图标
效果 效果如下 实现思路 使用box-shadow属性画几个灰色的圆，将这些圆错落的组合在一起，形成乌云图案 after伪元素写乌云下的投影 增加动画 dom结构 用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写乌云的样式。 <div class="container"> <div class="c...
2019-09-16 14:33:00
214
转载 纯css实现星级评分效果
效果 效果图如下，纯css实现超酷炫的星级评分动画效果 实现思路 5个类型为radio的input，label标签修改样式背景图为星星 label标签给每个星星鼠标停留时加注名字 点击星星有放大旋转的动画 dom结构 用form实现 <form> <div class="star"> <...
2019-09-16 13:47:00
491
转载 纯css制作电闪雷鸣的天气图标
效果 效果图如下 实现思路 使用box-shadow属性写几个圆，将这些圆错落的组合在一起，形成云朵图案 after伪元素写下面的投影样式 before伪元素写黄色闪电的样式 dom结构 用两个嵌套的div容器就可以了，父容器来控制图标显示的位置，子容器用来写乌云的样式。而阴影和闪电的样式都用伪元素就可以了，这些都是在css中定义的。 <...
2019-09-16 13:29:00
138
转载 事件冒泡--了解事件委托全流程
说是初认识，其实也不算了，刚学习JS时就已经听过事件的冒泡和捕获的大名，但真是不知所云，也是不求甚解，迷惑了很久，今天终决定好好来了解一下这个冒泡。 在此之前呢，不得不提一下事件流：描述的是从页面中接受事件的顺序。 什么是冒泡 当事件发生后，这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢？因为事件源本身（可能）并没有处理事件的能力，即处理事件的函数（方法）并未绑定...
2019-03-07 13:27:00
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人