CSS Text Transition w/ Audio on hover state
-
I'm looking to hopefully add a fun and simple front end interaction to some text that I would put at the header to my portfolio site.
"Also-Also" would be the text. I've coded this before on my own website but since switching to lay-theme, I'm not sure where to implement.
On hover, I want the text to have a CSS transition where it becomes skewed / italicized. In tandem, I also want to add a little Javascript to play an audio snippet on hover as well.
It seems pretty simple, as I have done it through Sublime text and publishing. However, I just don't know how to make this happen easily through Lay-Theme.
-
Dear @dsinclair
best is to have a look here:
http://laytheme.com/documentation.html#custom-css-stylingAnd then do a starter tutorial at Codeacademy.
Best!
Marius
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. Now see if your problem solved itself
5. 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