menu

Vev

We are building a powerful and collaborative site builder for teams. The best of no-code and code combined.

Channels
Team

Blur layer effect for animations

October 9, 2019 at 8:49am

October 9, 2019 at 9:14am
Hey Stanlislav. Could you elaborate?
  • reply
  • like
I'd like to have ability to create effects like here, when you hover elements
  • reply
  • like
Hey, so what you just linked is just a transparent GIF that resides on top of the element when you hover it. Which is easy to do in Vev as well. Simply create a Frame with a hover animation triggering the display of one 100% width/height image inside the frame on top of another image. And voila you have the same effect.
  • reply
  • like
Other than that, you can create an Add-on (Right click element =>Manage Addons => Create Addon) which adds an SVG-filter to your Image but do note that this is not supported in all browsers: https://caniuse.com/#search=svg%20filter
  • reply
  • like
Thanks for support) Unexpected)
  • reply
  • like
No problem! Let me know if you need any help getting it working as a Frame w/hover animation - or as an Add-on. (which is probably two of the ways I'd go about solving the problem)
  • reply
  • like