使用CSS3画出一个叮当猫
刚学习了这个案例，然后觉得比较好玩，就练习了一下。然后发现其实也不难，如果你经常使用PS或者Flash的话，应该就会知道画个叮当猫是很容易的事，至少我是这么觉得。但是，用CSS3画出来确实是第一次接触，所以很乐意去尝试一下，对于我这种菜鸟，确实是帮助不少，至少懂得如何去画一个简单的人 ...
原文：如何用CSS3画出一个立体魔方？
前言 最近在写 动画点点系列 文章，上一期分享了 lt 手把手教你如何绘制一辆会跑车 gt ，本期给大家带来是结合CSS 画出来的一个立体 d魔方，结合了js让你随心所欲想怎么转，就怎么转，这里是 IT 平头哥联盟，我是首席填坑官 苏南 South Su ，我们先来看看效果，然后再分解它的实现过程吧 作者：首席填坑官 苏南 交流： ，公众号：honeyBadger 本文原创，著作权归作者所有，转 ...
2018-11-21 08:00 2 1813 推荐指数：
相关推荐
用CSS3画出一个立方体---转
css3实践—创建3D立方体 要想实现3D的效果，其实非常简单，只需指定一个元素为容器并设置transform-style：preserve-3d，那么它的后代元素便会有3D效果。不过有很多需要注意的地方，这里把我学习的方法，过程分享给大家。再讲知识点之前，还是先弄清楚3D ...
CSS3写一个立体小球
...
纯CSS3画出小黄人并实现动画效果
勉强能看就行了。可是呢，还是抵不住自己内心的完美，于是乎，用了一个晚上用CSS3画出了小黄人再实现类似的 ...
如何用CSS3实现3D立体效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n ...
CSS3 制作魔方 - 形成魔方
道路千万条，安全第一条！ 魔方结构解析 从魔方的外观来看，可以有多种方式来表达它的组成，从而也有多种方式来形成一个魔方。如： 由六个面组成 由若干层组成 由多个方块组成 无论哪种方式，都可以制作魔方。只是，不同的方式对后续的其它操作会有影响，有些方式甚至会导致 ...
CSS3 制作魔方 - 玩转魔方
在上一篇《CSS3 制作魔方 - 形成魔方》中介绍了一个完整魔方的绘制实现，本文将介绍魔方的玩转，支持上下左右每一层独立地旋转。先来一睹玩转的风采。 1.一个问题 由于魔方格的位置与转动的路径相关，仅依靠 rotateX，rotateY，rotateZ 单个的值无法直接表明其定位。如下图 ...
CSS3画一个滚动的骰子
今天利用CSS3来画一个自动滚动的骰子。 思路：骰子的六个面分别用六个ul标签，每个面的点数就是li标签，点数的排列采用伸缩布局，然后采用定位和transform属性将六个面翻转折叠成立方体。 1、HTML结构：用一个类名为box的大盒子将六个面（ul）包起来，方便给整个骰子定位和添加动画 ...