前面讲过css3可以替代很多js实现的效果，其实很多时候纯css3甚至可以替代图片，直接用css3就可以画出一些简单的图片。虽然css3画出来的图片效果可能不如直接用图片的好，实现起来也比较复杂，最麻烦的是兼容性问题，不如图片来得直接实用。但是换一种思路去思考问题的解决办法往往能激发我们的灵感，也有...
分类：
Web程序 时间：
2014-11-11 16:05:24
阅读次数：
311
原文:纯css3制作写轮眼开眼及进化过程今天是火影忍者（漫画）宣告完结的日子，也是我首发的第一个随笔。看过火影的朋友都知道，写轮眼是什么，这里就不多说了。下面就直接展示整个效果，上张图，先睹为快： 目前已经测试 IE10、Firefox浏览器、Chrome浏览器、Opera浏览器、360浏览器（两种...
分类：
Web程序 时间：
2014-11-11 00:44:11
阅读次数：
194
在2014年的双11即将来临之季，爱编程小编为大家整理10款纯css3实现的按钮。希望这对坚守在前端的码农们有所帮助。亲，如果你有好的资源也可在本文留言，让从事编码的程序员们抱团。工作更轻松。No1.一款基于css3非常实用的鼠标悬停特效这款特效，当鼠标经过时候一个半透明的遮罩层倒下来。效果很好，而...
分类：
Web程序 时间：
2014-11-10 19:38:52
阅读次数：
258
今天给大家分享一款纯css3实现的数字统计游戏。这款游戏的规则的是将所有的数字相加等于72。这款游戏的数字按钮做得很美观，需要的时候可以借用下。一起看下效果图：在线预览源码下载实现的代码。html代码: CSS Counter Game ...
分类：
Web程序 时间：
2014-11-10 08:39:25
阅读次数：
259
今天给大家带来一款基于css3非常实用的鼠标悬停特效。这款特效，当鼠标经过时候一个半透明的遮罩层倒下来。效果很好，而且是纯css3实现的，代码很少，非常实用。 效果如下：在线预览源码下载实现的代码：html代码： LOW POL...
分类：
Web程序 时间：
2014-11-05 09:12:13
阅读次数：
269
1.简洁的纯css3代码实现的动画导航今天给大家分享一款简洁的纯css3代码实现的动画导航。鼠标经过的时候以背景色以菱形渐变为长方形。在线演示源码下载2.CSS3 制作网站面包屑导航效果作为最重要的导航展示形式之一，面包屑导航能够让用户更清楚的知道他们所在页面的层次结构，让他们可以方便的导航到上一层...
分类：
Web程序 时间：
2014-11-02 13:39:07
阅读次数：
250
之前为大家介绍了好多导航菜单，今天给大家分享一款简洁的纯css3代码实现的动画导航。鼠标经过的时候以背景色以菱形渐变为长方形。效果图如下：在线预览源码下载实现的代码。html代码： MENU ONE ...
分类：
Web程序 时间：
2014-10-31 10:06:34
阅读次数：
154
之前为大家介绍了好几款响应式导航。今天再给大家带来一款纯css3实现的响应式导航。这款导航还有个响应式的搜索框。废话少说，直接上图：在线预览源码下载实现的代码。html代码： ...
分类：
Web程序 时间：
2014-10-30 09:29:03
阅读次数：
265
今天再给大家带来一款纯css3实现的鼠标经过按钮特效。这款按钮非常简单，但效果很好，非常漂亮。一起看下效果图：在线预览源码下载实现的代码。html代码： WIFEO ...
分类：
Web程序 时间：
2014-10-24 09:12:16
阅读次数：
258
前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示来看看这2个滚动条demo：demo1（图片版）、demo2（纯CSS3版）滚动条组成::-webkit-scrollba...
分类：
Web程序 时间：
2014-10-23 19:04:49
阅读次数：
189
