今天在做一個活動頁面時，產品想要在頁面中添加一個吸引人注意的小圖片左右晃動的效果，並且該效果是間歇執行的。我一想應該挺簡單的吧，二話沒說就答應了，誰知在真正實現的時候才發現還是有些許困難的。於是就在網上各種找資料，找的過程中，只是發現了可以左右晃動搖擺的css3動畫效果，卻沒有可以間歇執行的類似 ...

css3動畫特效：上下晃動的div ...

...

css3 record1 嘗試用css寫了個箭頭效果 思路就是通過span和span子元素i分別通過設置他們的偽元素構造兩個箭頭,但是i構造的箭頭兩條線height都是0,hover的時候漸近的動畫效果就是i箭頭的高度變化而來的,還有rotate相同的角度 css3知識 ...

...

傳統的圓角生成方案，必須使用多張圖片作為背景圖案。CSS3的出現，使得我們再也不必浪費時間去制作這些圖片了，只需要border-radius屬性，支持瀏覽器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox ...

一，css3代碼 二、源碼 ...

css3瞎搗鼓，弄個開門的小效果，只針對webkit內核瀏覽器，最好用谷歌打開，其他高級瀏覽器的兼容代碼就沒寫了 <style> .door{ position:relative; width:400px; height:300px ...