Text 'Mouse Over' Blurry Effect
-
wrote on Jan 8, 2020, 5:16 PM last edited by
Is it possible to add code to the Mouse Over effects for Titles/Menus/Hyperlinks so that the effect is something like in this website? https://www.mckaynilson.design/ thanks
-
wrote on Jan 9, 2020, 10:39 AM last edited by
Yes!!
You just need to add some custom CSS to target the links. In your example they’re using a filter – Something along these lines might work:
a { color: #ff0000; transition: ease-in-out 0.2s; } a:hover { color: #ff0000; -webkit-filter: blur(3px); /* Safari */ filter: blur(3px); transition: ease-in-out 0.2s; }
-
wrote on Jan 10, 2020, 5:38 PM last edited by
Amazing thank you! Works great!
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version?
Go to www.laykeymanager.com