From efb0f84de9441c90c83486c0ca481c65b98526e7 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Sun, 20 Jun 2021 12:08:52 +0300 Subject: [PATCH] Update hover-underline-animation.md --- snippets/hover-underline-animation.md | 1 + 1 file changed, 1 insertion(+) diff --git a/snippets/hover-underline-animation.md b/snippets/hover-underline-animation.md index 4ff30cf42..4933304cb 100644 --- a/snippets/hover-underline-animation.md +++ b/snippets/hover-underline-animation.md @@ -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

Hover this text to see the effect!