Better GIF loading
This commit is contained in:
parent
321067c37c
commit
ca926c4dfb
3 changed files with 32 additions and 29 deletions
|
|
@ -1,14 +1,26 @@
|
|||
#video {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
figure {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Make gifs take all available space */
|
||||
.clickable-img img {
|
||||
.img-background {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
figure .img-background {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
figure:hover .img-background {
|
||||
display: inline;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue