Pin an Element to a Word's Position in a Text Box?

Ask the community
1

Hey, y’all!
I’m trying to see if there’s a way to pin an element to a specific word in a block of text so that the element follows the word when the lines of text break, causing the position of the word to change. I’d like to create a strikethrough effect on hover that has some grit to it using a PNG, instead of the stark square default.

For example here, when you hover on “BRANDING”. . .

1492×1244 97.4 KB

. . . this PNG would appear (via a hover interaction that affects the image opacity)

1610×1236 413 KB

Right now the only way to do it is to have the text set to a fixed size so it can’t break, but that severely lacks the same impact of wall-to-wall text.

Does anyone know how I might achieve this?

2

Hi
you can use layouter bricks.

Each word will be in a separate item and so you can add the animation to the word you want.

https://www.editorxcommunity.com/forum/releases-and-announcements/new-feature-alert-layouter-bricks