From 762919b758341c4645a8f846417059ff0b9636af Mon Sep 17 00:00:00 2001 From: huyanxiang <819402491@qq.com> Date: Mon, 20 Jul 2020 11:01:45 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E9=83=A8=E5=88=86?= =?UTF-8?q?=E5=8A=A8=E6=95=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/css/style.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/static/css/style.css b/static/css/style.css index 7091cfb..3dacfa1 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -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;