原文:纯CSS3打造七巧板最近项目上要制作一个七巧板，脑子里瞬间闪现，什么。。。七巧板不是小时候玩的吗。。。
七巧板的由来
先来个科普吧，是我在查资料过程中看到的，感觉很有意思。
宋朝有个叫黄伯思的人，对几何图形很有研究，他热情好客，发明了一种用6张小桌子组成的“宴几”——请客吃饭的小桌子。后来有人...
分类：
Web程序 时间：
2014-09-16 23:24:11
阅读次数：
311
http://jastate.com/css3-properties-box-sizingborder-box.html 定义和用法 按照w3c school的说法，box-sizing:border-box就是box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素 那么这句话是什么...
分类：
Web程序 时间：
2014-09-16 18:50:20
阅读次数：
331
使用css3与js开发出的一款图片切换，可以跟据切换按钮对图片进行切换，之前是jquery插件的模式开发了一个这样的插件逻辑会比较复杂就不拿出来，现在这个小案例是基对象的思想写比较简单，对于初学者比好理解!...
分类：
其他好文 时间：
2014-09-16 14:17:10
阅读次数：
203
之前已经为大家介绍了好多导航菜单。今天为大家再带来一款由css3和jquery实现的卡片折叠式菜单。当菜单关闭的时候，有三维堆叠的效果。我们一起看下效果图：在线预览源码下载html代码： CSS3 Card Deck Drop Down ...
分类：
Web程序 时间：
2014-09-16 12:19:20
阅读次数：
349
jQuery 作为最优秀 JavaScript 库之一，改变了很多人编写 JavaScript 的方式。它简化了 HTML 文档遍历，事件处理，动画和 Ajax 交互，而且有成千上万的成熟 jQuery 插件可供使用。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。1.纯css3实现的...
分类：
Web程序 时间：
2014-09-16 12:10:30
阅读次数：
293
CSS3 :nth-child()伪类选择器CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好 的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题...
分类：
Web程序 时间：
2014-09-16 12:05:00
阅读次数：
1252
上文讲到了CSS3的选择器，通过after和before选择器，在元素前后添加内容。 也可以通过变量来实现自定义的标题1 h1:before{2 content:'第'counter(mycounter)'章';3 color:red;4...
分类：
其他好文 时间：
2014-09-15 19:24:19
阅读次数：
191
css代码：body { font: 12px Tahoma,arial,sans-serif; margin: 0; padding: 0;}#mask { left: 0; opacity: 0.2; position: absolute; top: 0...
分类：
Web程序 时间：
2014-09-15 19:18:49
阅读次数：
326
W3C标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”下面我们从最简单的语法和属性值开始一步一步来学习tr...
分类：
Web程序 时间：
2014-09-15 19:18:39
阅读次数：
283
