如何用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 ...