一、有点俗态的开场白要是两年前，实现“兼容性的渐变效果”这个说法估计不会被提出来的，那个时候，说起渐变背景，想到的多半是IE的渐变滤镜，其他浏览器尚未支持，但 是，在对CSS3支持日趋完善的今天，实现兼容性的渐变背景效果已经完全成为可能，本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中，目...
分类：
Web程序 时间：
2014-11-14 12:23:00
阅读次数：
200
一、无关紧要碎碎念在web页面的ui表现中，投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果：然而，在CSS2的时代，我们多半使用图片实现类似效果，或是使用CSS其他属性模拟阴影效果，但是，现在，CSS3的崛起使得这个问题已经不再是是个问题了，本文就将展示如何实现跨浏览器的盒阴影效...
分类：
Web程序 时间：
2014-11-14 12:14:31
阅读次数：
293
在上篇博客提到了%、px、em三个单位，其中最复杂的是em，因为要计算当前元素内的font-size，必须知道其父元素的font-size，层层累积，容易出错。现在CSS3中引入了新的单位rem，改变了这一现状。remrem, 官方说法:根元素的font-size。官方这次说得很明白，rem是相对于...
分类：
Web程序 时间：
2014-11-14 12:05:50
阅读次数：
156
今天给大家分享一款纯css3实现的动画按钮。第一排的按钮当鼠标经过的背景色动画切换，图标从右侧飞入，第二排的按钮当鼠标经过的时候边框动画切换，图标右侧飞入，效果非常好，一起看下效果图：在线预览源码下载实现的代码。html代码： Become A Member → Su...
分类：
Web程序 时间：
2014-11-14 09:13:31
阅读次数：
299
上次，我们形成了两种header的布局，一种flexbox，一种float，最后与身边做重构的同事交流下来，选择了float的布局。事实上布局的选型不需要我关注，我的参与或者一些意见多数是自我提升，但要说html结构完全控制于csser的话就不一定了在整个header组件的代码过程中，我与重构同事就...
分类：
Web程序 时间：
2014-11-14 08:09:49
阅读次数：
258
jQuery中选择器总体上包含了CSS3的选择器，但某些方面却由于CSS3的选择器，虽然使用各种选择器，最后也能达到目标，但在项目中，为了做的更少的代码量，使用某些特定的选择器，减少人为的判断似乎更加值得一试 1>...
分类：
Web程序 时间：
2014-11-13 19:15:45
阅读次数：
206
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类：
Web程序 时间：
2014-11-13 16:51:34
阅读次数：
218
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类：
Web程序 时间：
2014-11-13 16:49:42
阅读次数：
211
clip 属性用来设置元素的形状。用来剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时，"clip" 属性允许规定一个元素的可见尺寸，这样此元素就会被修剪并显示在这个元素中。用这个属性需要注意以下三点：1.clip属性只能用于绝对定位元素，position:absolute或fixed。2.cl...
分类：
Web程序 时间：
2014-11-13 16:00:27
阅读次数：
226
在做web前端开发中动画是我们不可缺少的特效，在css3以前实现动画大多都可靠javascript来实现，其步骤相对于今天的css3来说要复杂的多。尽管有了很多很好框架。得在css3中来实现动画要简单的多。css3中有负责动画的有两个一个是transitions 一个是animations 这个两个...
分类：
Web程序 时间：
2014-11-13 15:58:02
阅读次数：
223
