1
1 Comment

Full Page: 20 Advanced CSS & HTML techniques: clip-path, @property, aspect-ratio and blend-mode

submitted this link to Icon for group Design and UX
Design and UX
on March 7, 2021
  1. 1

    Today I am sharing with you this advanced CSS & HTML tutorial where we are going to 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.

    We are going to build an entire landing page with a hero, gallery, list, object rotation and the final section position sticky horizontally.

    Note that time to time I might have mixed the words but please don't mind me this has been a very long tutorial and just my second video.

Trending on Indie Hackers
The most underrated distribution channel in SaaS is hiding in your browser toolbar User Avatar 171 comments I launched on Product Hunt today with 0 followers, 0 network, and 0 users. Here's what I learned in 12 hours. User Avatar 154 comments I gave 7 AI agents $100 each to build a startup. Here's what happened on Day 1. User Avatar 97 comments Show IH: RetryFix - Automatically recover failed Stripe payments and earn 10% on everything we win back User Avatar 35 comments How are you handling memory and context across AI tools? User Avatar 31 comments How to see your entire business on one page User Avatar 27 comments