Shake/move project title on thumbnail on hover
-
Hey Armin,
once again I'd need a little push in the right direction.
I would love to modify the hover effect of the project title on my project thumbnails. I would like to add a little movement to the text when you hover over the thumbnail. Pretty much like Thomas does it here: http://thomaskorf.com/
So what would be the right class to modify the text? I tried finding out with the inspector but had no luck.
Thanks!
-
Hey!
I think you can work with .titlewrap-on-image or .title -
Hey Armin,
Thanks! Got it to work.
That's the css I use:
.title { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; } .title:hover, .title:focus, .title:active { -webkit-transform: scale(2) rotate(15deg); transform: scale(2) rotate(15deg); }
I was wondering if there is a chance to make the title move when I'm hovering over the thumbnail instead of the specific title/text? What would be the right class here? I tried a few but couldn't get it to work.
Thanks again!
-
.thumb:hover .title{}
That should work
-
Great! Thanks!
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it