diff --git a/css/animate.css b/css/animate.css index e5bb134..2d47d60 100644 --- a/css/animate.css +++ b/css/animate.css @@ -511,6 +511,7 @@ transform:scale(1,1); } } +/*荧光棒*/ @keyframes Wobble{ from{ transform:rotate(0deg); @@ -536,6 +537,20 @@ transform-origin:22px 60px; } } +@keyframes stickgo{ + 0{ + transform:rotate(0deg); + top:0px; + } + 50%{ + transform:rotate(1440deg); + top: -150px; + } + 100%{ + transform:rotate(0deg); + top:0px; + } +} /*烟花*/ @keyframes fireworks{ from{ diff --git a/css/style.css b/css/style.css index a85fea6..e2a0067 100644 --- a/css/style.css +++ b/css/style.css @@ -351,8 +351,13 @@ body{ position: absolute; height:81px; width:57px; +} +.stick-swing{ animation: Wobble 2s linear infinite; } +.stick-go{ + animation: stickgo 2s linear infinite; +} .stick.stick-01{ background-image: url(../image/img_11.png); } diff --git a/dancing.html b/dancing.html index 3de0821..91b1a10 100644 --- a/dancing.html +++ b/dancing.html @@ -41,6 +41,7 @@