studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

hero image cover hidden on hover

Browse source
This commit is contained in:
isUnknown 2024-09-20 14:57:29 +02:00
parent 67fefa1125
commit b1bf757aa4
5 changed files with 50 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/css/src/hero.css
View file

@ -55,6 +55,10 @@
margin-right: 2rem;
}
.hero .image-wrapper {
height: 100%;
}
.hero__image {
height: calc(100vh - var(--empty-space) - 2 * var(--padding-vertical));
}
@ -66,6 +70,10 @@
object-fit: cover;
}
.hero__image:hover .image-cover {
opacity: 0;
}
@media screen and (max-width: 800px) {
.hero__text h2 {
text-align: center;