* Hover divs and clickable images
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user