-
AuthorPosts
-
March 2, 2021 at 1:35 pm #1284731
Hallo,
ich versuche das Mouse Over bei meiner Portfolio Übersicht zu ändern:
Ich habe diese CSS:
.av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
width:90%;
height:50%;
background: #000000;
text-align: left;
}Jetzt ist aber der Titel weg. Und die Schrift ganz nach oben gerutscht.
Ich hätte eigentlich gerne so einen Effekt:
Liebe Grüße
PetschkaMarch 2, 2021 at 3:57 pm #1284788Hey petschka,
Can you show us what you’ve got so far?
Best regards,
VictoriaMarch 3, 2021 at 2:38 pm #1285032Hallo Victoria,
I need an email Adress for Login in. The Site isn’t online yet.
Best regards,
PetschkaMarch 3, 2021 at 4:11 pm #1285061Hey,
You can use (Email address hidden if logged out) but please post admin logins here privately so any available moderator can look into it :)
Best regards,
YigitMarch 5, 2021 at 9:55 am #1285642Hi,
sent all sent all details, but become no answer. Something wrong?
Best Regards,
PetraMarch 5, 2021 at 12:42 pm #1285707Hi Petra,
Please post logins here privately so we can look into it.
Best regards,
YigitMarch 5, 2021 at 1:21 pm #1285715Hi Yigit,
her the privately logins.
Best regards,
PetraMarch 5, 2021 at 2:14 pm #1285741Hi Petra,
I changed the code to following one
.av-masonry-entry:hover .av-inner-masonry-content-pos-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; width: 75%; height: 20%; background: #000000; text-align: left; -webkit-transform: translateX(-70%) translateY(-50%); -ms-transform: translateX(-70%) translateY(-50%); transform: translateX(-70%) translateY(-50%); -webkit-transition: -webkit-transform .4s ease-in-out; -o-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out; } .av-masonry-entry .av-inner-masonry-content-pos-content { -webkit-transform: translateX(-170%) translateY(-50%); -ms-transform: translateX(-170%) translateY(-50%); transform: translateX(-170%) translateY(-50%); -webkit-transition: -webkit-transform .4s ease-in-out; -o-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out; }
Please review your website :)
Best regards,
YigitMarch 5, 2021 at 2:26 pm #1285749Wow! Thanks a lot. This ist very smart! :-)
Best regards,
PetschkaMarch 5, 2021 at 2:30 pm #1285750Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit -
AuthorPosts
- The topic ‘Masonry – Mouse Over’ is closed to new replies.