增加出鞘CSS

master
cp 2021-11-30 10:33:07 +08:00
parent 15041d3fad
commit e6f14e7cc5
3 changed files with 24 additions and 1 deletions

20
css/animate.css vendored
View File

@ -592,6 +592,26 @@
transform:translateY(0) rotate(0deg);
}
}
@keyframes stickcome {
0% {
transform:translateX(0px) rotate(0deg);
}
1%{
transform:translateX(0px) rotate(70deg);
}
33% {
transform:translateX(350px) rotate(70deg);
}
66% {
transform:translateX(350px) rotate(610deg);
}
99% {
transform:translateX(0px) rotate(610deg);
}
100% {
transform:translateX(0px) rotate(0deg);
}
}
/*烟花*/
@keyframes fireworks{
from{

View File

@ -443,6 +443,9 @@ body{
top: -55px;
right: -10px;
}
.stickcome{
animation: stickcome 2s 1 alternate;
}
/*大荧光棒*/
.paper-canvas{
width: 100%;

View File

@ -41,7 +41,7 @@
<div class="leading">
<div class="speak speak-pink"></div>
<div class="leading-dancer dancing-wobble-right">
<div class="stick stick-06 stick-swing-big"></div>
<div class="stick stick-06 stick-swing-big "></div>
</div>
<div class="table">
<img src="image/icon_01.png" />