Skip to content

Instantly share code, notes, and snippets.

@lmhs
Last active September 24, 2019 11:27
Show Gist options
  • Save lmhs/d440eb6b4adab28468727cf584def84c to your computer and use it in GitHub Desktop.
Save lmhs/d440eb6b4adab28468727cf584def84c to your computer and use it in GitHub Desktop.
.hover-gallery {
position: relative;
}
.hover-gallery:hover .confluence-embedded-file-wrapper {
transition: visibility 1s ease-out;
}
.hover-gallery:before {
content: 'After migration';
position: absolute;
top: 0;
left: 50px;
font-size: 45px;
color: red;
z-index: 1;
}
.hover-gallery:hover:before {
content: 'Before migration';
}
.hover-gallery .confluence-embedded-file-wrapper:nth-child(2) {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hover-gallery:hover .confluence-embedded-file-wrapper:first-child {
visibility: hidden;
}
.hover-gallery:hover .confluence-embedded-file-wrapper:nth-child(2) {
visibility: visible;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment