製作這個效果之前，我們得了解transform,transition,linear-gradient這些屬性的用法。
定義與用法
transform屬性應用於元素的2d或3d轉換。這個屬性允許你將元素旋轉，縮放，移動，傾斜等。在這個效果裡面主要用到了旋轉rotate。
transition 屬性設定元素當過渡效果,transition有四個屬性，在這個效果中運用到了transition-duration。
transition-property 指定css屬性的name，transition效果
transition-duration transition效果需要指定多少秒或毫秒才能完成
transition-timing-function 指定transition效果的轉速曲線
transition-delay 定義transition效果開始的時候
linear-gradient() 函式用於建立乙個線性漸變的 "影象"。
為了建立乙個線性漸變，你需要設定乙個起始點和乙個方向（指定為乙個角度）的漸變效果。
1.先寫乙個按鈕
.box.box:before
.box:hover:before
css3 下邊框緩緩劃過 css3動畫劃過有乙個框
css3動畫 開始給加了個透明度opacity 0.9，給figure最外面容器加和顏色相近的背景色，比如這個加的是黑色，給div最開始加個旋轉0度，劃過360度，文字剛開始透明度0，劃過透明度1 title body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,fo...
CSS3按鈕滑鼠懸浮光圈效果
html 超文字標記語言 是網頁的核心 首先你要學會，不要害怕，html很容易學習的，剛開始多記多練，但是到最後還是要自己深入專研，簡單的入門是很快，但學好html是成為web開發人員的基本條件。學習資源 html dog html入門指南 w3c html學習教程 通過使用 css 來提公升工作效...
css3 下邊框緩緩劃過 CSS3 邊框
css3 邊框 用 css3，你可以建立圓角邊框，新增陰影框，並作為邊界的形象而不使用設計程式，如 photoshop。在本章中，您將了解以下的邊框屬性 border radius box shadow border image css3 圓角 在 css2 中新增圓角棘手。我們不得不在每個角落使用...