More actions
No edit summary |
mNo edit summary |
||
(6 intermediate revisions by the same user not shown) | |||
Line 105: | Line 105: | ||
padding: 16px 0; | padding: 16px 0; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/5/ | background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/5/59/Milly.png); | ||
user-select: none; | user-select: none; | ||
overflow: hidden; | overflow: hidden; | ||
Line 116: | Line 116: | ||
} | } | ||
.featured4:hover { | .featured4:hover { | ||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/5/ | background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/5/59/Milly.png); | ||
transition: all .25s; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; |
Latest revision as of 08:36, 27 September 2024
.featured1 { 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; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/3/3c/Zazu.jpg); user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; background-size: cover; background-position: center; } .featured1:hover { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/3/3c/Zazu.jpg); transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; } .featured2 { 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; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/c/c8/Doudou.jpg); user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; background-size: cover; background-position: center; } .featured2:hover { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/c/c8/Doudou.jpg); transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; } .featured3 { 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; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/e/ea/Xiaojie.png); user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; background-size: cover; background-position: center; } .featured3:hover { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/e/ea/Xiaojie.png); transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; } .featured4 { 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; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/5/59/Milly.png); user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; background-size: cover; background-position: center; } .featured4:hover { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/5/59/Milly.png); transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; }