More actions
No edit summary Tag: Reverted |
mNo edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
. | .featured1 { | ||
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; | ||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/rk0mheip.webp); | |||
user-select: none; | user-select: none; | ||
overflow: hidden; | overflow: hidden; | ||
Line 20: | Line 21: | ||
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
} | } | ||
.featured1:hover { | |||
. | background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/rk0mheip.webp); | ||
transition: all .25s; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; | ||
Line 30: | Line 30: | ||
background-position: center; | background-position: center; | ||
} | } | ||
.featured2 { | |||
. | color: #ffffff; | ||
background- | 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://i.e-z.host/t00hji5n.webp); | |||
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://i.e-z.host/t00hji5n.webp); | |||
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://i.e-z.host/nl7d1sju.webp); | |||
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://i.e-z.host/nl7d1sju.webp); | ||
background- | transition: all .25s; | ||
cursor: pointer; | |||
transform: scale(1.1); | |||
background-size: cover; | |||
background-position: center; | |||
} | } | ||
.featured4 { | |||
. | color: #ffffff; | ||
background- | 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://i.e-z.host/e5sjidi7.webp); | |||
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 { | |||
.featured4 { | background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/e5sjidi7.webp); | ||
background- | transition: all .25s; | ||
cursor: pointer; | |||
transform: scale(1.1); | |||
background-size: cover; | |||
background-position: center; | |||
} | } |
Latest revision as of 09:25, 4 October 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://i.e-z.host/rk0mheip.webp); 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://i.e-z.host/rk0mheip.webp); 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://i.e-z.host/t00hji5n.webp); 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://i.e-z.host/t00hji5n.webp); 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://i.e-z.host/nl7d1sju.webp); 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://i.e-z.host/nl7d1sju.webp); 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://i.e-z.host/e5sjidi7.webp); 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://i.e-z.host/e5sjidi7.webp); transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; }