mirror of
https://github.com/MCSManager/MCSManager.git
synced 2024-11-21 03:12:10 +08:00
新增 - logo 动画
This commit is contained in:
parent
06b3c5a91e
commit
40c5c9f46a
@ -1,16 +1,31 @@
|
||||
/* 动画 CSS */
|
||||
|
||||
@keyframes MasterLogoImg {
|
||||
62% {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
75% {
|
||||
25% {
|
||||
transform: rotate(8deg);
|
||||
}
|
||||
88% {
|
||||
75% {
|
||||
transform: rotate(-8deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes MasterLogoTitle {
|
||||
62% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
75% {
|
||||
transform: rotate(4deg);
|
||||
}
|
||||
88% {
|
||||
transform: rotate(-4deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
@ -48,15 +48,14 @@ input {
|
||||
/* logo 图片 */
|
||||
|
||||
#MasterLogo img {
|
||||
animation: MasterLogoImg 2s ease infinite;
|
||||
animation-delay: 4s;
|
||||
animation: MasterLogoTitle 10s ease infinite;
|
||||
animation-iteration-count: 100;
|
||||
}
|
||||
|
||||
/* logo 块 */
|
||||
|
||||
#MasterLogo:hover {
|
||||
animation: MasterLogoImg 1s;
|
||||
animation: MasterLogoImg 2s;
|
||||
}
|
||||
|
||||
#SideCol {
|
||||
|
Loading…
Reference in New Issue
Block a user