CSS3制作旋轉的小風車
制作旋轉小風車 一 我先搭建一個大盒子400x400px大盒子里面嵌套四個小盒子200x200px,放在一起肯定是四個排在一行,我想要的效果是上下各兩個, css樣式 body內容 二 我現在要把小盒子(正方形)變成半圓用到border-radius,變成半圓之后,半圓 ...
原文：HTML5+CSS3實現的小風車-轉動的童年
還在用IE 及其以下版本瀏覽器的童鞋們就不要嘗試了。 lt DOCTYPE HTML gt lt html gt lt head gt lt style type text css gt windmill width: px height: px position:relative moz transition: moz transform s ease in out webkit transit ...
2012-05-09 19:58 14 3790 推薦指數：
相關推薦
html5+css3實現抽屜菜單
抽屜菜單在手機native應用中很常見。比如酷狗手機版的界面： 左側為操作菜單，默認不顯示。需要時向左滑動界面，操作菜單將從側邊緩緩展示出來，不需要時向右滑動界面，操作菜單又將隱藏在側邊而不會占位置，操作菜單這種緩入緩出用戶體驗非常不錯。這里采用css3實現抽屜菜單效果。以下代碼以及實例請在 ...
HTML5 canvas制作童年的回憶大風車
今天看到一篇CSS3寫的大風車http://www.cnblogs.com/yaojaa/archive/2013/01/30/2882521.html，感覺CSS3太神奇了，這在以前用CSS是想都不敢想的。記得去年自己用canvas也寫過這樣的大風車，今天我打算用canvas制作一個一模一樣 ...
HTML5+CSS3實現的響應式垂直時間軸
;<title>演示：HTML5+CSS3實現的響應式垂直時間軸</title> ...
html5+css3實現正在加載中代碼
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="apple-touch-fullscreen" content="YES" /> <meta name ...
html5+css3實現手機toast提示
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="apple-touch-fullscreen" content="YES" /> <meta name ...
HTML5+CSS3實現loading效果圖
效果如下： 代碼如下 ...