diff --git a/static/css/index.css b/static/css/index.css index 7721532..f78674d 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -137,6 +137,9 @@ border-radius: 15px; overflow: hidden; } +.content .introduce .box .album .album-box .item:hover .img { + transform: scale(1.05); +} .content .introduce .box .album .album-box .item .bj.bj3 { width: 101%; height: 101%; @@ -158,6 +161,7 @@ .content .introduce .box .album .album-box .item .img { width: 100%; height: 100%; + transition: all 0.3s ease-in-out; } .content .introduce .box .album .album-box .item .play { width: 26px; @@ -287,7 +291,6 @@ top: 50%; left: 50%; transform: translate(-50%, -50%); - width: 208px; height: 49px; } .content .works .name-box .line { diff --git a/static/css/index.less b/static/css/index.less index be8a008..2c43855 100644 --- a/static/css/index.less +++ b/static/css/index.less @@ -154,6 +154,12 @@ border-radius: 15px; overflow: hidden; + &:hover { + .img { + transform: scale(1.05); + } + } + .bj { &.bj3 { width: 101%; @@ -180,6 +186,7 @@ .img { width: 100%; height: 100%; + transition: all 0.3s ease-in-out; } .play { @@ -329,7 +336,7 @@ top: 50%; left: 50%; transform: translate(-50%, -50%); - width: 208px; + // width: 208px; height: 49px; } @@ -778,7 +785,7 @@ height: 240px; filter: drop-shadow(5px 5px 2.5px rgba(0, 0, 0, 0.35)); transition: all 0.3s ease-in-out; - + &:hover { transform: scale(1.05); }