qwik icon indicating copy to clipboard operation
qwik copied to clipboard

[📖] Qwik Homepage - color transition

Open thejackshelton opened this issue 1 year ago • 3 comments

Suggestion

The Qwik homepage has a really nice blend of colors and a smooth slider animation for the showcase. I think to match this a subtle transition on the colors of the tab component would fit well. It allows the font-color to transition from de-emphasized to emphasized without a very sudden change to the user.

CSS declaration used: transition: color 300ms ease;

With transition https://gyazo.com/3ccf9d6fbaffad77198ff444ae274530

Without transition https://gyazo.com/eec77a249151794951e29895aa62a316

Let me know what you think!

thejackshelton avatar May 10 '23 03:05 thejackshelton

sure! can you open a PR? happy to merge

manucorporat avatar May 11 '23 15:05 manucorporat

sure! can you open a PR? happy to merge

I don't think I can since it's the Qwik homepage, right?

thejackshelton avatar May 11 '23 15:05 thejackshelton

that is correct @thejackshelton 👍

zanettin avatar May 11 '23 16:05 zanettin

Thanks for opening the issue and providing the CSS. At one point we did have a transition like that, but later decided we like the faster transition. I think for now we'll keep it as is. Thanks.

adamdbradley avatar May 12 '23 18:05 adamdbradley

Welp I take that back! After a bit more chatting it over looks like we'll update the transition to what you suggested. Thanks!

adamdbradley avatar May 12 '23 19:05 adamdbradley

Sure thing! Anything for my favorite framework haha

thejackshelton avatar May 13 '23 05:05 thejackshelton