此练习作品是为学习HTML5+CSS3而设计的（如有不好请大家批评指教~~~）。采用了CSS3的动画@keyframes规则设计div块的移动、伸缩、旋转和渐变：动画定义：animation:animationName;div块的移动：@keyframes keyframeName{ from{d....
分类：
Web程序 时间：
2014-11-21 16:11:47
阅读次数：
299
1、渐变色 从上到下，白色透明度100%到白色透明度0%渐变（注意为避免继承，新建元素，父元素relative，子元素absolute） background-image:linear-gradient(to bottom,rgba(255, 255, 255, 1),rgba(255, 255,....
分类：
Web程序 时间：
2014-11-21 13:57:42
阅读次数：
185
??原创文章，转载请注明出处：服务器非业余研究http://blog.csdn.net/erlib 作者Sunface联系邮箱：cto@188.com 虽然我从业服务器端开发多年，但是由于个人兴趣爱好，对于HTML5&CSS3关注研究许久，下面就陆续给大家添加一些自己收藏的干货： 1.http://html5up.net/ 一个非常棒的国外HTML5模版网站，Sunface倾...
分类：
Web程序 时间：
2014-11-21 10:43:36
阅读次数：
220
今天给大家分享一款基于jquery和css3的头像恶搞特效。这款实例中，一个头像在画面中跳舞，头像还有可爱的帽子，单击下面的按钮可以为头像切换不同的帽子。效果图如下：在线预览源码下载实现的代码。html代码： ...
分类：
Web程序 时间：
2014-11-21 10:33:58
阅读次数：
336
目标：
css中after伪类，last-child伪类的使用。以及部分css3的属性。
过程：
在制作导航时，经常会遇到在每一个li后面添加一个分割符号，到最后一个元素的时候，分割符就会去掉的一种效果。
如图
那么制作这样的一个效果，怎么用纯css很简单的完成了。这里用到了css的伪类。
html部分
Home
About Me
Portfoli...
分类：
Web程序 时间：
2014-11-20 23:48:43
阅读次数：
271
http://www.jb51.net/css/12843.htmlhttp://www.w3cplus.com/content/css3-box-sizing
分类：
Web程序 时间：
2014-11-20 23:22:56
阅读次数：
199
伴随着移动设备的越来越流行，在现代社会中，可能人们手中握着移动设备的时间已经远远大于敲着键盘了，还有各种平板及未来会不断兴起的移动设备，如何让网页在这些设备上更好的显示，成为我们不断学习、思考的问题。css的媒体查询创建的响应式网站，就是针对这一问题的。其实在css2已经支持媒体，在新的css3中更...
分类：
Web程序 时间：
2014-11-20 21:48:40
阅读次数：
218
一：前言 之前学过一篇css3中的自适应布局，但是往div中写内容的时候布局又会重新分配。后来在网上查找，才知道那个是一个草案，没有什么实用性。现在最新版本的有更大变化，尽管css3在2014年10月28号已经发布，这个应该也是定下来了吧，现在是学习阶段，等到实际应用的时候，小女子必定给大家一个准....
分类：
其他好文 时间：
2014-11-20 20:07:49
阅读次数：
235
1、圆角效果“border-radius”是实现这一功能的一个重要的属性，可以用来直接定义HTML元素的圆角，并且被所有现代浏览器支持。 Css代码.border-radius:10px;/* CSS3 Property */.-moz-border-radius:10px;/* Firefox ....
分类：
移动开发 时间：
2014-11-20 20:01:09
阅读次数：
223
如今CSS3中的border-radius出现后，让我们没有那么多的烦恼了，首先制作圆角图片的时间是省了，而且其还有多个优点：其一减少网站的维护的工作量，少了对图片的更新制作，代码的替换等等;其二、提高网站的性能，少了对图片进行http的请求，网页的载入速度将变快；其三增加视觉美观性。既然bor.....
分类：
其他好文 时间：
2014-11-20 18:40:45
阅读次数：
212
