今天给大家带来一款纯css3实现的鼠标悬停动画按钮。这款按钮鼠标经过前以正方形的形式，当鼠标经过的时候以动画的形式变成圆形。效果图如下：在线预览源码下载实现的代码。html代码： css3代码： body { background-color...
分类：
Web程序 时间：
2014-12-23 15:08:57
阅读次数：
175
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，另外@font-face这个功能早在IE4就支持了，比如说首页的Logo，Tags以及页面中的手写英文体这些都可以用...
分类：
Web程序 时间：
2014-12-23 13:48:52
阅读次数：
341
偷懒使用animate.css来制作效果animate动画的基本属性：属性描述CSS@keyframes规定动画。3animation所有动画属性的简写属性，除了 animation-play-state 属性。3animation-name规定 @keyframes 动画的名称。3animatio...
分类：
Web程序 时间：
2014-12-23 12:10:47
阅读次数：
186
今天学习jQuery,看到nth-child(even)用法，特意找了下这个选择器的用法,在CSS3标准中，用法很强大。对此，我把CSS3标准中nth-child()用法大致介绍下：CSS3伪类选择器：nth-child()简单的归纳下nth-child()的几种用法。第一：nth-child(nu...
分类：
Web程序 时间：
2014-12-23 10:12:48
阅读次数：
174
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及.1.圆角CSS3实现圆角有两种方法.第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样...
分类：
Web程序 时间：
2014-12-23 09:02:06
阅读次数：
163
CSS动画属性会触发整个页面的重排relayout、重绘repaint、重组recompositePaint通常是其中最花费性能的，尽可能避免使用触发paint的CSS动画属性，在CSS动画中使用webkit-transform: translateX(3em)的方案代替使用left: 3em，因为...
分类：
Web程序 时间：
2014-12-22 22:37:45
阅读次数：
259
1.边框圆角（Border Radiuas）这个是我们在平常很常用的吧，以前我在用div圆角的时候，特别特别的痛苦，不管是用CSS来画圆角，还是用图片来画圆角都不那么容易，但是现在好了，在CSS3中，直接只需要如下面饿代码，就能做出美轮美奂的圆角效果了~~~#box1 {border: 1px so...
分类：
Web程序 时间：
2014-12-22 17:46:56
阅读次数：
258
CSS3和现代Web设计1.1 现代Web设计理念1.1.1 可访问性第一同样一段内容, 可以用成千上万的方法为其设计样式, 但全世界的用户应该依然可以访问它们, 不管他们用什么方式去访问Web——无论手机、键盘控制器还是屏幕阅读器. 因此关于锁定那些没有使用矫正光泽水准的设备的用户是很重要的.1....
分类：
Web程序 时间：
2014-12-22 17:36:28
阅读次数：
174
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你...
分类：
Web程序 时间：
2014-12-22 17:32:43
阅读次数：
293
今天切图的时候给了一个列表，属于常见的列表，图片如下这样的列表属于比较常见的列表了，在pc端上实现如下：html: ...
分类：
Web程序 时间：
2014-12-22 16:10:33
阅读次数：
129
