Update hover-underline-animation.md

This commit is contained in:
Angelos Chalaris
2021-06-20 12:08:52 +03:00
committed by GitHub
parent 5ce7904a49
commit efb0f84de9

View File

@ -12,6 +12,7 @@ Creates an animated underline effect when the text is hovered over.
- Use `transform: scaleX(0)` to initially hide the pseudo-element.
- Use the `:hover` pseudo-class selector to apply `transform: scaleX(1)` and display the pseudo-element on hover.
- Animate `transform` using `transform-origin: left` and an appropriate `transition`.
- You can remove the `transform-origin` property to make the transform originate from the center of the element.
```html
<p class="hover-underline-animation">Hover this text to see the effect!</p>