Iam trying to build a hover effect to hide a gallery slideshow and show the title of the picture.
I have build this for images and it works great but for the slideshow I ran in to some troubles.
I manage to hide the slideshow by hover but ram not able to show the title.
For the images I hid the image by overlaying the title full-size
Question
Davidse 0
Site URL: https://stereobild-stream.com/
Hey,
Iam trying to build a hover effect to hide a gallery slideshow and show the title of the picture.
I have build this for images and it works great but for the slideshow I ran in to some troubles.
I manage to hide the slideshow by hover but ram not able to show the title.
For the images I hid the image by overlaying the title full-size
#collection-6023ddb5fbdbb45eab5a6bde{
/*Bilder - Plakat*/
.design-layout-poster .image-card-wrapper {
visibility: visible;
opacity: 0;
transition-duration: 1s;
}
.design-layout-poster:hover .image-card-wrapper {
visibility: visible;
opacity: 1;
background-color: #F2F2F2;
}
But fur the slideshow it didn't work
#block-yui_3_17_2_1_1612964191174_32454:hover {
visibility: visible;
opacity: 0;
transition-duration: 1s;
}
this is hiding the slideshow and the title
Maybe someone can help me
Best
David
Link to post
Top Posters For This Question
3
1
Popular Days
Feb 22
2
Feb 28
1
Mar 23
1
Top Posters For This Question
Davidse 3 posts
tuanphan 1 post
Popular Days
Feb 22 2021
2 posts
Feb 28 2021
1 post
Mar 23 2021
1 post
Posted Images
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment