1、css3中应用了伪类 ：hover，鼠标位于a之上时，绝对定位下拉列表和宽度。但是没有定义left和top，列表会显示在标签a的下方。目前测试除了ie8，其他浏览器都没问题。2、伪元素::before和::after，表示在某个元素之前之后插入内容{content:"",transform:,}...
分类：
Web程序 时间：
2014-11-10 21:06:24
阅读次数：
248
在2014年的双11即将来临之季，爱编程小编为大家整理10款纯css3实现的按钮。希望这对坚守在前端的码农们有所帮助。亲，如果你有好的资源也可在本文留言，让从事编码的程序员们抱团。工作更轻松。No1.一款基于css3非常实用的鼠标悬停特效这款特效，当鼠标经过时候一个半透明的遮罩层倒下来。效果很好，而...
分类：
Web程序 时间：
2014-11-10 19:38:52
阅读次数：
258
CSSShake是一个使用CSS3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果（如下面的GIF图像）：炫酷的CSS3抖动样式:CSSShake这是一个很微小的动画，但使用得当也是挺不错的，比如用在广告、图像、按钮上，这样可以用来吸引用户眼球从而促使去点击它。这个Cssh...
分类：
Web程序 时间：
2014-11-10 17:22:05
阅读次数：
306
CSS3新增了一个相对单位rem（root em，根em），这个单位引起了广泛关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又...
分类：
Web程序 时间：
2014-11-10 17:03:36
阅读次数：
205
过度语法：.example { transition-property: background-color; //需要过度的css属性 transition-duration: 2s; //过度所需要的时间 transition-timin...
分类：
Web程序 时间：
2014-11-10 15:29:35
阅读次数：
207
Flexbox(中文版本可以点击这里)的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。Flexbox可以简单快速的创建一个具有...
分类：
Web程序 时间：
2014-11-10 15:21:02
阅读次数：
254
linear-gradient 常用来制作渐变，如（色彩渣，我就随便找个颜色举例）css代码如下background:linear-gradient(45deg,#ff0000 0%,#ffb600 11%,#fff600 22%,#a5ff00 33%,#00a9ff 44%,#0400ff 55...
分类：
Web程序 时间：
2014-11-10 15:07:06
阅读次数：
1666
用css3和jQuery制作一个简单的精美表单html代码如下：Mask Your Input Forms and Make It Beauty Too Plain Fading The Label Username Password Sliding? Don't Wor...
分类：
Web程序 时间：
2014-11-10 15:05:34
阅读次数：
198
1.CSS3 过渡特性创建信封效果的联系表单最近给大家分享 CSS3 效果比较多，都是充分运用了 CSS3 来实现的。通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享使用 CSS3 过渡特性实现的信封效果的联系表单。在线演示源码下载2.大型综合响应式下拉...
分类：
Web程序 时间：
2014-11-10 13:21:35
阅读次数：
230
