[原创]纯CSS3打造的3D翻页翻转特效
刚接触CSS3动画，心血来潮实现了一个心目中自己设计的翻页效果的3D动画，页面纯CSS3，目前只能在Chrome中玩，理论上可以支持Safari。 1. 新建HTML，代码如下（数据和翻页后的数据都是瞎模拟的） 2. 这个html需要一个css及jquery，请自行修改 ...
原文：[原创]CSS3打造动态3D气球
周末在江边晨跑的时候发现很多 当时心血来潮就想，应该可以在网页中实现一下 这几天得闲就做了一下，效果如下 尽量在最新版本的chrome或者firefox中查看 demo下载在文章最后 预览 实现思路 css中实现很多效果都可以 取巧 实现，这里我们也取巧一下，div设置三面的border radius，然后旋转一下，这里就是平面的 气球 了 启用 d变换，接着复制重叠几个，分别设置rotateX ...
2016-07-12 14:29 12 2507 推荐指数：
相关推荐
CSS3打造3D效果——perspective transform的深度剖析
声明：此篇博文虽是自己手写，但大量资源取自 张鑫旭 的博文。想看更详细 更专业的剖析请看张鑫旭的博文。 昨天对css3的transform做了初步的分析和认识，突然看到perspective属性，调了半天没看出任何效果，于是开始百度... ... 度了半天发现perspective这玩意是做 ...
纯CSS3打造七巧板
最近项目上要制作一个七巧板，脑子里瞬间闪现，什么。。。七巧板不是小时候玩的吗。。。 七巧板的由来 先来个科普吧，是我在查资料过程中看到的，感觉很有意思。 宋朝有个叫黄伯思的人，对几何图形很有研究 ...
CSS3之简易的3D模型构建[原创开源]
CSS3之简易的3D模型构建[开源分享] 先上一张图(成果图)：这个是使用 3D建模空间[源码之一] 制作出来的模型之一 当然这是一部分模型特写, 之前还制作过枪的3D模型等等。 感兴趣的朋友可以自己下载分享的源码自己制作一些好看的模型！ 3D建模空间 的界面 ...
CSS3—3D翻转
本案例主要是css3和html5，不会js也可以做动画◕.◕ 一、涉及到的的样式 perspective transform transition position classList codepen，runjs演示，代码和讲解在后面。 二、html结构 3个容器6个盒子，当鼠标 ...
纯CSS3打造滑动下拉导航菜单
menu.css: 用到的图片: menu_bg.png lavalamp.png menu_line.png 最终效果图: ...
纯css3打造瀑布流布局
纯css3打造瀑布流布局 原理： 1、column-count 把div中的文本分为多少列 2、column-width 规定列宽 3、column-gap 规定列间隙 4、break-inside: avoid; 避免元素内部断行并产生新列 注意 ...
学用纯CSS3打造可折叠树状菜单
CSS执行顺序与优先权的问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串 ...