Front-end Developer, creator of CSS.GG
I have been for a while collecting on a single place some of the most advanced CSS features out there like Houdini API @propert and also strangest stuff you can do with position sticky and compiled all those into a single 2hr long video.
Where I go through some of the best techniques to achieve the effect that you see on this landing page like mix-blend-mode, clip-path, position: sticky, css grid and what not.
This is a 2hr long tutorial where I explain how I build that demo landing page start to finnish and along the way you can find some very interesting things such as font-size with ch, ex and also aspect-ratio
We are going to build an entire landing page with a hero, gallery, list, object rotation and the final section position sticky horizontally.
Without going any deeper into what is included there I would invite you guys to watch the video
And if you wish to play with it go ahead and check the source and the demo down below
Create your free account to unlock your custom reading experience.