纯CSS3打造七巧板
最近项目上要制作一个七巧板，脑子里瞬间闪现，什么。。。七巧板不是小时候玩的吗。。。 七巧板的由来 先来个科普吧，是我在查资料过程中看到的，感觉很有意思。 宋朝有个叫黄伯思的人，对几何图形很有研究 ...
原文：CSS3打造不断旋转的CD封面
最初看到这个效果是在一个音乐站，http: jing.fm，这个网站的界面做得非常不错，音乐也很有风格。当我第一次进入这个网站时最感兴趣的还是中间那个不断旋转的光盘封面，就想知道它是如何运作的，以及如何能把它也放在我的网站首页上面以增加效果，具体的效果可以去jing.fm看下，用新浪微博账号即可登录。 我提取的效果仅仅包含了使其旋转的部分代码，并没有包括中间的暂停按钮，可以到这里去查看演示以及源代 ...
2015-11-24 14:05 0 2301 推荐指数：
相关推荐
学用纯CSS3打造可折叠树状菜单
CSS执行顺序与优先权的问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串 ...
纯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，请自行修改 ...
分享30个新鲜的CSS3打造的精美效果【附下载】
CSS 是我们使用的功能强大和最常用 web 语言。他可以兼容新旧不同的浏览器,打造出很多不同的特效，它已经成为Web开发最流行的语言之一，使用css3 打造出来的效果总是那么的绚丽，有一些特殊的属性以前使用需要javascript实现的特效，今天使用css3就可以完成，因此他大大简化了工作流 ...