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
I launched on Product Hunt today with 0 followers, 0 network, and 0 users. Here's what I learned in 12 hours. User Avatar 131 comments The most underrated distribution channel in SaaS is hiding in your browser toolbar User Avatar 120 comments I gave 7 AI agents $100 each to build a startup. Here's what happened on Day 1. User Avatar 80 comments A simple LinkedIn prospecting trick that improved our lead quality User Avatar 60 comments Show IH: RetryFix - Automatically recover failed Stripe payments and earn 10% on everything we win back User Avatar 33 comments How we got our first US sale in 2 hours by finding "Trust Leaks" (Free Audits) 🌶️ User Avatar 24 comments