pref: 优化首页专题样式

This commit is contained in:
xiaozzzi 2024-04-10 21:02:45 +08:00
parent a718002501
commit a9b864efcb

View File

@ -64,7 +64,7 @@ const toToc = (articleId: number) => {
border-radius: 5px;
padding: 5px 10px;
margin: 15px 16px;
transition: 0.3s;
transition: border 0.3s, box-shadow 0.3s;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
@ -72,7 +72,7 @@ const toToc = (articleId: number) => {
font-size: 12px;
margin-right: 5px;
opacity: 0;
transition: 0.3s;
transition: opacity 0.3s;
}
&:hover {
@ -87,7 +87,6 @@ const toToc = (articleId: number) => {
text-shadow: 5px 5px 15px #000, -3px -3px 10px rgba(255, 255, 255, 0.5);
}
.cover,
.cover-name {
opacity: 1;
}
@ -107,7 +106,7 @@ const toToc = (articleId: number) => {
height: 35px;
font-weight: 700;
color: #cdcdcd;
transition: 0.3s;
transition: text-shadow 0.3s;
}
.words {
@ -134,7 +133,7 @@ const toToc = (articleId: number) => {
box-shadow: 0 0 10px 1px #181818;
text-align: center;
transform: scale(0.8) rotate(45deg);
transition: 0.3s;
transition: opacity 0.3s;
}
.describes {