python之“七巧板”
1 七巧板的关系 七巧板由2个大三角、1个中三角、2个小三角、1个平行四边形组成 2 代码 3 效果图 ...
原文：纯CSS3打造七巧板
最近项目上要制作一个七巧板，脑子里瞬间闪现，什么。。。七巧板不是小时候玩的吗。。。 七巧板的由来 先来个科普吧，是我在查资料过程中看到的，感觉很有意思。 宋朝有个叫黄伯思的人，对几何图形很有研究，他热情好客，发明了一种用 张小桌子组成的 宴几 请客吃饭的小桌子。后来有人把它改进为 张桌组成的宴几，可以根据吃饭人数的不同，把桌子拼成不同的形状，比如 人拼成三角形， 人拼成四方形， 人拼成六方形 这样 ...
2014-09-14 18:23 4 2283 推荐指数：
相关推荐
利用canvas绘制七巧板
话不多说，放源码吧。 line2-10 是用对象储存了每次绘制的起始坐标点，和填充颜色。 然后利用for循环来根据所给的坐标绘制图形。 canvas绘制图形的时候 ...
学用纯CSS3打造可折叠树状菜单
CSS执行顺序与优先权的问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串 ...
CSS3打造不断旋转的CD封面
最初看到这个效果是在一个音乐站，http://jing.fm，这个网站的界面做得非常不错，音乐也很有风格。当我第一次进入这个网站时最感兴趣的还是中间那个不断旋转的光盘封面，就想知道它是如何运作的，以及 ...
纯CSS3打造滑动下拉导航菜单
menu.css: 用到的图片: menu_bg.png lavalamp.png menu_line.png 最终效果图: ...
[原创]CSS3打造动态3D气球
周末在江边晨跑的时候发现很多 当时心血来潮就想，应该可以在网页中实现一下 这几天得闲就做了一下，效果如下 (尽量在最新版本的chrome或者firefox中查看) demo下载在文章 ...
纯css3打造瀑布流布局
纯css3打造瀑布流布局 原理： 1、column-count 把div中的文本分为多少列 2、column-width 规定列宽 3、column-gap 规定列间隙 4、break-inside: avoid; 避免元素内部断行并产生新列 注意 ...
[原创]纯CSS3打造的3D翻页翻转特效
刚接触CSS3动画，心血来潮实现了一个心目中自己设计的翻页效果的3D动画，页面纯CSS3，目前只能在Chrome中玩，理论上可以支持Safari。 1. 新建HTML，代码如下（数据和翻页后的数据都是瞎模拟的） 2. 这个html需要一个css及jquery，请自行修改 ...