檢視效果：
效果圖如下：
**如下：
>css3很美的蟠桃動畫- 何問起
title
><
base
target
="_blank"
/>
<
link
rel="stylesheet"
type
="text/css"
media
="screen"
href
="css/style.css"
>
head
>
<
body
>
<
div
class
>
<
div
class
="act_content"
>
<
div
class
="mod_style_3"
>
<
span
class
="peach peach1 shake-leftright1"
data-value
="1"
>
span
>
<
span
class
="peach peach2 shake-leftright2"
data-value
="2"
>
span
>
<
span
class
="peach peach3 shake-leftright3"
data-value
="3"
>
span
>
<
span
class
="peach peach4 shake-leftright4"
data-value
="4"
>
span
>
<
span
class
="peach peach5 shake-leftright5"
data-value
="5"
>
span
>
<
span
class
="peach peach6 shake-leftright6"
data-value
="6"
>
span
>
div>
div>
<
div
class
="act_bg"
>
<
div
class
="bg_act_6"
>
div>
<
div
class
="bg_act_7"
>
div>
<
div
class
="bg_act_8"
>
div>
div>
div>
<
div
style
="text-align:center;margin:10px 0; font:normal 14px/24px 'microsoft yahei';"
>
<
p>適用瀏覽器：360、firefox、chrome、safari、opera、傲遊、搜狗、世界之窗等新版瀏覽器。
p>
href
=""target
="_blank"
>何問起
a>
<
a href
="texiao/"
>特效
a>
<
a href
="h/bjaf/taoshu.htm"
>原文
a>
<
a href
="h/bjaf/e1r8s4va.htm"
>齊天大聖
a>
p>
div>
body
>
html
>
**：h/bjaf/taoshu.htm
更多特效：
css3新動 CSS3 動畫
注意 1 animation play state 也是 animation 的簡寫屬性，但在 webkit 中不適用 animation myfirst 5s infinite linear paused 即 animation name myfirst animation duration 5s...
CSS基礎 CSS3動畫
通過css3動畫屬性，我們可以建立動畫，實現簡單的動畫效果。css3動畫的實現需要用到animation屬性並配合關鍵幀 keyframes 使用。1.對需要設定動畫的元素新增animation屬性。2.設定關鍵幀 keyframes animation是所有動畫屬性的簡寫屬性，除了 animati...
CSS 3動畫介紹
原文 a beginner s introduction to css animation 譯文 乙個初學者對css動畫的介紹 譯者 dwqs 在這篇文章，我將向你介紹css動畫，隨著瀏覽器對動畫支援的改善，一種高效率的做事方式變得越來越流行。考慮到基礎知識，我將快速建立乙個從正方形變成圓形的動畫案...