新增 - logo 动画

This commit is contained in:
suwings 2018-05-05 13:59:57 +08:00
parent 06b3c5a91e
commit 40c5c9f46a
2 changed files with 20 additions and 6 deletions

View File

@ -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);
}
}

View File

@ -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 {