Join the Webstudio community

Updated 2 months ago

Simple UI notification with hover effect

At a glance

The community member shared a practice on webstudio, creating a simple UI notification with a hover effect. The community member's question is about adding an HTML embed and using an SVG for the icon, but not being able to create a hover state on it. Another community member suggested creating a CSS variable on the button with a hover state and using it on the icon inside the embed.

sharing my practice on webstudio. simple UI notification with hover effect.
Question: I added an htm embed and used an svg for the icon but cant make a hover state on it. Anyone know a better way to do it?
B
K
2 comments
You can create css variable on button with hover state and use it on your icon inside embed
@Bogdan Thanks, I'll try that
Add a reply
Sign up and join the conversation on Discord