More actions
No edit summary |
(optimized) Tag: Reverted |
||
Line 1: | Line 1: | ||
. | .featured { | ||
color: #ffffff; | color: #ffffff; | ||
font-weight: 700; | font-weight: 700; | ||
width: 9em; | width: 9em; | ||
Line 12: | Line 12: | ||
padding: 16px 0; | padding: 16px 0; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
user-select: none; | user-select: none; | ||
overflow: hidden; | overflow: hidden; | ||
Line 22: | Line 21: | ||
background-position: center; | background-position: center; | ||
} | } | ||
. | |||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6) | .featured:hover { | ||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)); | |||
transition: all .25s; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; | ||
transform: scale(1.1); | transform: scale(1.1); | ||
} | } | ||
.featured1 { | |||
background-image: url(https://catpedia.wiki/images/3/3c/Zazu.jpg); | |||
} | |||
.featured2 { | .featured2 { | ||
background-image: url(https://catpedia.wiki/images/c/c8/Doudou.jpg); | |||
background | |||
} | } | ||
.featured3 | |||
background: | .featured3 { | ||
background-image: url(https://catpedia.wiki/images/e/ea/Xiaojie.png); | |||
} | } | ||
.featured4 { | |||
.featured4 { | |||
background-image: url(https://catpedia.wiki/images/5/5c/Cumshot.jpeg); | |||
background | |||
} | } |
Revision as of 17:51, 8 June 2024
.featured { color: #ffffff; font-weight: 700; width: 9em; height: 12em; text-align: center; font-size: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0; margin-bottom: 10px; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; background-size: cover; background-position: center; } .featured:hover { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)); transition: all .25s; cursor: pointer; transform: scale(1.1); } .featured1 { background-image: url(https://catpedia.wiki/images/3/3c/Zazu.jpg); } .featured2 { background-image: url(https://catpedia.wiki/images/c/c8/Doudou.jpg); } .featured3 { background-image: url(https://catpedia.wiki/images/e/ea/Xiaojie.png); } .featured4 { background-image: url(https://catpedia.wiki/images/5/5c/Cumshot.jpeg); }