* Hover divs and clickable images

This commit is contained in:
shockrah
2021-10-22 22:42:21 -07:00
parent ef0981b68f
commit c503cc5d9d
2 changed files with 31 additions and 3 deletions

View File

@@ -15,6 +15,13 @@ html, body, div, tag {
a {
text-decoration: none;
color: whitesmoke;
text-shadow:
3px 3px 0 #191818,
-1px -1px 0 #191818,
1px -1px 0 #191818,
-1px 1px 0 #191818,
1px 1px 0 #191818;
}
.content {
@@ -31,14 +38,24 @@ a {
}
.video-block {
display: block;
padding: 1em;
width: 400px;
line-height: 1em;
margin-right: 1em;
margin-bottom: 1em;
background: #191818;
border-radius: 1em;
background: linear-gradient(#191818,#191818,50%,#00ffcc,50%,#00ffcc);
background-size: 100% 200%;
transition: all 0.2s ease;
animation: 0.4s ease;
}
.video-block:hover {
background-position: 100% 100%;
animation: 0.4s ease;
}
video {
max-width: 100%;
max-height: 80vh;