程序媛and程序猿，兄弟姐妹们，大家周末好，我们今天来研读一下利用纯css实现段落文字的彩条效果。有朋友就说了，不就是css3的渐变吗，最多加上webkit内核的-webkit-background-clip，嗯，远不止哟，进来一坐了解详情……...
分类：
其他好文 时间：
2015-02-07 11:47:36
阅读次数：
152
ladies and 乡亲们，表单验证你在做吗？客户端or服务器端，javascript or jquery，动手写 or 使用插件，今天我们来探索下使用纯css实现表单验证，借以学习css selectors level 4中的表单相关的伪类选择器。进来一坐，了解详情！...
分类：
Web程序 时间：
2015-02-05 11:16:13
阅读次数：
190
HTML： Hover Me! Hover Me!CSS： p { cursor: pointer; position: relative; } p:hover:before{ content:""; position: absolute; left:...
分类：
Web程序 时间：
2015-02-04 14:22:22
阅读次数：
150
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些...
分类：
Web程序 时间：
2015-01-29 09:15:16
阅读次数：
147
做三角的方法，通用有三种：1.用border属性；2.用◆符号；3.用css3的transfrom做45°旋转。
分类：
Web程序 时间：
2015-01-27 23:25:00
阅读次数：
206
我们在设计页面的时候，经常要把DIV居中显示，而且是相对页面窗口水平和垂直方向居中显示，如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让DIV居中。在本文中，我将给大家讲述如何用CSS和jQuery两种方法让DIV水平和垂直居中。CSS让DIV水平居中说明，本文中所指的DIV包括HTML页面...
分类：
其他好文 时间：
2015-01-27 10:48:37
阅读次数：
178
这是一款效果非常炫酷的CSS3 3D折叠面板动画特效。该折叠面板特效当鼠标移动到图片上时，一个面板会以3d折叠的方式在顶部展开，并显示图片的标题等信息。。这个效果使用3D CSS animations 来制作折叠面板的动画，纯CSS，没有使用javascript。
在线演示：http://www.htmleaf.com/Demo/201501251276.html
下载地址：http:...
分类：
Web程序 时间：
2015-01-26 13:41:16
阅读次数：
165
大家都知道好多网站都是左右布局的，很多公司在笔试和面试环节也常常问这个问题。一个去网易的师兄说14年腾讯面试的时候问过这个问题，网易在笔试和面试时候也问过这个问题，还有很多互联网公司也都涉及到这个问题。下面是我的一些小经验，疏漏之处还望大家体谅。
分类：
Web程序 时间：
2015-01-23 12:49:06
阅读次数：
133
好久没有更新的CSS3演武场系列，半年前搁浅的一篇文章赋予新年新气象闪亮登场了，研究一下利用css（sass）实现粒子效果，主要使用box-shadow生成粒子，利用css3 animation和translateZ实现动画。...
分类：
Web程序 时间：
2015-01-09 14:19:18
阅读次数：
1032
