Changing the opacity of an element affects the transparency level of this element and all its children.
Learn more about opacity and other effects.
Opacity can also be changed for a color of a specific style property, like a background color or border color. This is useful if you want to apply transparency to a specific style property without affecting its children elements.
Setting hover effects
You can use the opacity property to create hover effects:
- Select Hover from the states menu
- Set an Opacity value in the Effects section of the Styles panel.
- Go back to the None state
- Add a Transition to smooth out the effect
Learn more about applying states and transitions on elements.
