Dispark/static-nav
1
0
Fork 0
mirror of https://github.com/TopVitamin/static-nav.git synced 2026-03-20 16:52:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 增加部分动效

Browse Source
This commit is contained in:
huyanxiang
2020-07-20 11:01:45 +08:00
parent a32c90d201
commit 762919b758
1 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
static/css/style.css
View File

@@ -281,8 +281,41 @@ textarea {
padding: 1px 1px; /*设置div的内边距*/
width: 33.33%; /*div等分成4部分*/
float: left;
transform-origin: center top;
}
.jj-list-con li:hover {
animation: swing 2s linear 0s 1 forwards
}
@keyframes swing {
0%, 100% {
transform: perspective(200px) rotateX(0);
}
20% {
transform: perspective(200px) rotateX(-45deg);
}
40% {
transform: perspective(200px) rotateX(45deg);
}
50% {
transform: perspective(200px) rotateX(-25deg);
}
60% {
transform: perspective(200px) rotateX(25deg);
}
70% {
transform: perspective(200px) rotateX(-5deg);
}
80% {
transform: perspective(200px) rotateX(5deg);
}
90% {
transform: perspective(200px) rotateX(-3deg);
}
95% {
transform: perspective(200px) rotateX(3deg);
}
}
.jj-list-link {
display: block;