Inspiration for on scroll header animations with various effects
Other tutorials on this website:
Other tutorials on this website:
Prefix CSS
Source: gulp-autoprefixer
Source: CSS Shape Tools
See also this article
https://sarasoueidan.com/blog/css-shapes/
CSS triangle generator – A generator for pure CSS triangle
Source: CSS triangle generator
text scale animation cause font to blur – posted in GSAP: When using Chrome the text is blurred during the animation and then at the end the text snaps clear and normal. Does not do that with Firefox or Edge. How do I get rid of the blur when viewing with Chrome. Thank you, Kv2
Source: text scale animation cause font to blur – GSAP – GreenSock
It’s a common Chrome bug.
Adding
CSSPlugin.defaultForce3D = false;
to your Javascript file will fix it.
//
You might also find this post helpful: http://greensock.com…ted/#entry36948
Tasty CSS-animated Hamburgers
Source: Hamburgers by Jonathan Suh
Front-End Manorisms: Tips, Tricks, and Tools
how we can use Flexbox, currentColor and EMs inside components to quickly style entire Web Apps straight in the browser.
Source: Styling with STRINGS
Employing a suite of namespaces to make your UI code more readable and transparent
Source: More Transparent UI Code with Namespaces – CSS Wizardry