diff --git a/src/assets/scss/pages/yantai-index.scss b/src/assets/scss/pages/yantai-index.scss index 3dd478fcf..482f0ed38 100644 --- a/src/assets/scss/pages/yantai-index.scss +++ b/src/assets/scss/pages/yantai-index.scss @@ -67,16 +67,16 @@ width: 123px; } &:nth-child(1) { - transform: rotateY(90deg) translateZ(552px); + transform: rotateY(90deg) translateZ(502px); } &:nth-child(2) { - transform: rotateY(180deg) translateZ(552px); + transform: rotateY(180deg) translateZ(502px); } &:nth-child(3) { - transform: rotateY(270deg) translateZ(552px); + transform: rotateY(270deg) translateZ(502px); } &:nth-child(4) { - transform: rotateY(360deg) translateZ(552px); + transform: rotateY(360deg) translateZ(502px); } } } @@ -108,7 +108,7 @@ position: absolute; width: 2px; height: 8px; - background-color: rgba(#fff, 0.9); + background-color: rgba(#fff, 0.8); &:nth-child(1) { transform: rotateY(10deg) translateZ(551px); @@ -241,6 +241,16 @@ line-height: 66px; cursor: pointer; + &:hover { + span { + color: #83fbfe; + background-image: -webkit-linear-gradient(bottom, rgb(23, 222, 238), rgb(23, 222, 238), #fff, #fff); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + &.btn2 { top: 800px; width: 300px; @@ -260,11 +270,12 @@ span { position: relative; z-index: 1; - font-size: 36px; + font-size: 32px; font-family: Source Han Sans CN; font-weight: 800; color: #ffffff; text-shadow: 0px 4px 13px rgba(10, 31, 124, 0.59); + transition: all 0.23s ease; } } }