想了解一下用纯CSS和JS怎么实现一段下雨的动画，于是去 "CodePen" 上面搜了一下，发现了很多很有意思的东西。有空可以常去上面逛逛，在对技术产生敬畏的同时也能学到好多好多东西。以下是自己理解的几个代码实现过程，所有源码均出自于 "CodePen" 。 代码： "github" 效果： "ht ...
分类：
其他好文 时间：
2018-02-01 13:08:37
阅读次数：
211
纯CSS实现图片水平垂直居中于DIV（图片未知宽高） ...
分类：
Web程序 时间：
2018-01-24 10:57:40
阅读次数：
162
实现一个元素水平垂直居中的方法很多： 元素未知宽高 width和height的fit-content值只支持Chrome和Firefox浏览器 元素已知宽高 大家对这个应该是很了解的，也是实际开发中运用最多的，推荐给刚刚入门的小伙伴吧。 设置它的父元素为position:relative即可： 第一 ...
分类：
Web程序 时间：
2018-01-16 12:20:22
阅读次数：
165
有一些前沿的电商站点已经開始使用3D模型来展示商品并支持在线定制，而当中图书的展示是最为简单的一种，无需复杂的建模过程，使用图片和CSS3的一些变换就可以实现更好的展示效果，简洁而有用。书本的3D模型是全部商品中最为简单的。由于其本质上就是一个立方体（cube）。仅仅是带有封面/封底和左側封条。所以 ...
分类：
Web程序 时间：
2018-01-14 13:48:21
阅读次数：
220
在实际样式中经常会遇到要写类似对话框的样式，而这种样式往往会有一个小三角，如下所示： 那么如何用css写出来呢，其实很简单，先让父元素相对定位，然后运用css的伪类before或after。就可以写个三角形，如果想要带边框的三角形，则可以两个重叠使用。代码如下： ...
分类：
Web程序 时间：
2018-01-13 17:05:53
阅读次数：
342
众所周知，Codepen是在线前端特效代码分享网站之一， 在这篇文章里，姥爷我收集了一套最强前端的代码效果， 希望大家喜欢哈~星战角色这个前端效果使用了前端代码生成了一套不同的星战角色， 大家只需要通过缩放窗口即可看到不同角色CSS生成的立体小车这个demo使用纯CSS实现了一量可以动态操作各个配置的汽车效果，超强悍颜色融合器帮助你动态看到不同颜色融合后的效果， 你只需要在左边选择一个颜色， 右侧
分类：
其他好文 时间：
2018-01-09 14:37:00
阅读次数：
271
rem自适应布局小结001 在最近的移动端布局当中，最炙手可热的方式便是使用rem进行元素的布局。以下便是从最近的文章中所总结出来的一点东西。 首先，我们必须有以下的疑问： rem的本质是什么？ rem如何实现自适应布局？ 如何根据设计稿来调整rem的值？ rem布局是能纯CSS还是必须JS进行辅助 ...
分类：
其他好文 时间：
2017-12-24 22:59:51
阅读次数：
321
1 2 3 4 5 MaterialDesignCard 6 48 49 50 card 51 card1 52 card2 53 card3 54 card4 55 card5 56 57 ...
分类：
Web程序 时间：
2017-12-04 20:39:33
阅读次数：
182
CodePen 需要使用色 ec6337(当然可以是任意颜色)，解决问题：记住密码定制 CheckBox，解释全在注释里 主要使用到 ::before 或 ::after 伪类处理，伪装成内部的那个勾 html CSS(LESS) CodePen ...
分类：
Web程序 时间：
2017-12-01 19:45:21
阅读次数：
202
