assets for wordpress

Underline On Scroll

Highlighting a piece of text on scroll, made it easy with GSAP and a CSS variable.

Lorem ipsum dolor sit amet luptatum lorem justo justo ut elitr blandit sit. Clita accusam vero dolore dolor takimata gubergren stet nihil ut est aliquyam feugiat gubergren sadipscing ut. Vulputate dolor assum et ipsum gubergren et duo kasd voluptua stet ea eros ipsum labore consetetur diam qui feugait. Amet amet iriure diam duo blandit est sed liber justo nobis. Et suscipit soluta liber duis. Sadipscing iriure ipsum rebum accumsan ipsum dolor dolores invidunt sed luptatum tempor lobortis diam.

Zzril justo sea aliquyam. Dolores eos amet ipsum sed lorem magna gubergren lorem doming quis takimata in. Accusam clita elitr justo kasd consetetur elitr esse euismod zzril enim tempor nulla dolor. Ut diam sanctus.

Et facilisis magna lorem et illum suscipit erat illum elitr hendrerit. Eos nonumy eirmod praesent eu stet hendrerit rebum cum dolore lorem amet eum ut autem consetetur. Dolor dolore justo amet ut in et magna congue adipiscing no takimata. Sit sit ut nibh. Zzril sed lorem accusam facilisi lorem wisi elitr et voluptua clita dolore magna invidunt kasd esse dolore. Esse elitr exerci duis et ut ut. Enim dolore euismod delenit lorem accusam stet sit dolores ipsum no aliquyam elitr ea te. Nam eum assum vero sit eos rebum. Accusam nulla amet amet iriure dolore elitr ea tempor at est consetetur et justo eos.

Underline Effect #1

Add the class .animated-underline anywhere you want , in a Rich Text element with a span tag to select your desired text, in a Heading element, or any other element with text inputs.

Then check the CSS block to change the color.

It works with a heading too !!!

Underline Effect #2

Add the class .animated-underline2 anywhere you want , in a Rich Text element with a span tag to select your desired text, in a Heading element, or any other element with text inputs.

Then check the CSS block to change the color.

Lorem ipsum dolor sit amet luptatum lorem justo justo ut elitr blandit sit. Clita accusam vero dolore dolor takimata gubergren stet nihil ut est aliquyam feugiat gubergren sadipscing ut. Vulputate dolor assum et ipsum gubergren et duo kasd voluptua stet ea eros ipsum labore consetetur diam qui feugait. Amet amet iriure diam duo blandit est sed liber justo nobis. Et suscipit soluta liber duis. Sadipscing iriure ipsum rebum accumsan ipsum dolor dolores invidunt sed luptatum tempor lobortis diam.

Zzril justo sea aliquyam. Dolores eos amet ipsum sed lorem magna gubergren lorem doming quis takimata in. Accusam clita elitr justo kasd consetetur elitr esse euismod zzril enim tempor nulla dolor. Ut diam sanctus.

Et facilisis magna lorem et illum suscipit erat illum elitr hendrerit. Eos nonumy eirmod praesent eu stet hendrerit rebum cum dolore lorem amet eum ut autem consetetur. Dolor dolore justo amet ut in et magna congue adipiscing no takimata. Sit sit ut nibh. Zzril sed lorem accusam facilisi lorem wisi elitr et voluptua clita dolore magna invidunt kasd esse dolore. Esse elitr exerci duis et ut ut. Enim dolore euismod delenit lorem accusam stet sit dolores ipsum no aliquyam elitr ea te. Nam eum assum vero sit eos rebum. Accusam nulla amet amet iriure dolore elitr ea tempor at est consetetur et justo eos.