Webstudio
Log in

Join the Webstudio community

Updated 5 months ago

Padding transition on-hover not working 🤔

At a glance
DDavor
·
Hi all, hope you're well.

I'd appreciate it if someone could take a look at this build https://davorfyi-zxy0b.wstd.io/blog and let me know why the <link> element – selected in the screenshot – doesn't have the "animated" padding-left change on hover.

Thanks in advance!
Attachment
CleanShot_2024-07-26_at_12.11.272x.png
B
O
D
6 comments
BBogdan
You don't have padding in transitions
transition-property: background-color,border-block-color;
OOleg Isonen
or just use All
DDavor
Super weird! This is what I'm seeing:
Attachments
CleanShot_2024-07-26_at_12.47.222x.png
CleanShot_2024-07-26_at_12.46.502x.png
DDavor
Yeah, that's the silver bullet 😉 Thanks!
DDavor
OK, crap... so the padding transition was added to the "postLink" token, and the local style for <link> seems to override that
DDavor
Removing the styles from <link> local did the trick. Thanks so much for taking a look and helping out @TrySound and @Oleg Isonen ❤️
Add a reply
Sign up and join the conversation on Discord