如何用CSS3画出一个立体魔方？
前言 最近在写《动画点点系列》文章，上一期分享了< 手把手教你如何绘制一辆会跑车 >，本期给大家带来是结合CSS3画出来的一个立体3d魔方，结合了js让你随心所欲想怎么转，就怎么转，这里是 @IT·平头哥联盟，我是首席填坑官∙苏南(South·Su)，我们先来看看效果，然后再 ...
原文：使用CSS3画出一个叮当猫
刚学习了这个案例，然后觉得比较好玩，就练习了一下。然后发现其实也不难，如果你经常使用PS或者Flash的话，应该就会知道画个叮当猫是很容易的事，至少我是这么觉得。但是，用CSS 画出来确实是第一次接触，所以很乐意去尝试一下，对于我这种菜鸟，确实是帮助不少，至少懂得如何去画一个简单的人物形象出来，再加上一些动画效果，就活了，那就更好玩了 OK，开始之前，先把效果图晒一下： PS:说实话，我觉得挺可 ...
2015-04-22 17:04 27 11768 推荐指数：
相关推荐
用CSS3画出一个立方体---转
css3实践—创建3D立方体 要想实现3D的效果，其实非常简单，只需指定一个元素为容器并设置transform-style：preserve-3d，那么它的后代元素便会有3D效果。不过有很多需要注意的地方，这里把我学习的方法，过程分享给大家。再讲知识点之前，还是先弄清楚3D ...
纯CSS3画出小黄人并实现动画效果
勉强能看就行了。可是呢，还是抵不住自己内心的完美，于是乎，用了一个晚上用CSS3画出了小黄人再实现类似的 ...
CSS3画一个滚动的骰子
今天利用CSS3来画一个自动滚动的骰子。 思路：骰子的六个面分别用六个ul标签，每个面的点数就是li标签，点数的排列采用伸缩布局，然后采用定位和transform属性将六个面翻转折叠成立方体。 1、HTML结构：用一个类名为box的大盒子将六个面（ul）包起来，方便给整个骰子定位和添加动画 ...
使用css3画饼图
CSS3 Gradient介绍参考地址： http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html http://www.zhangxinxu.com/wordpress/?p=3639 效果图 ...
css3画梯形
想实现的效果如下图： 代码： ...
使用css3的repeating-linear-gradient画虚线
还在用 border-style: dashed 画虚线吗？虽然也是虚线，但是不能控制每一个虚线的宽度 ...
css3 画半圆和1/4圆
半圆： #circle1 { width: 100px; height: 200px; background-color: #a72525; -webkit-border-radius: 100 ...