More actions
mNo edit summary |
mNo edit summary |
||
(One intermediate revision by the same user not shown) | |||
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:// | 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 23: | Line 23: | ||
} | } | ||
.featured1:hover { | .featured1:hover { | ||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https:// | 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 43: | Line 43: | ||
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:// | 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; | user-select: none; | ||
overflow: hidden; | overflow: hidden; | ||
Line 54: | Line 54: | ||
} | } | ||
.featured2:hover { | .featured2:hover { | ||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https:// | 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; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; | ||
Line 74: | Line 74: | ||
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:// | 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; | user-select: none; | ||
overflow: hidden; | overflow: hidden; | ||
Line 85: | Line 85: | ||
} | } | ||
.featured3:hover { | .featured3:hover { | ||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https:// | 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; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; | ||
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:// | 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; | 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:// | 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; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; |
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; }