Build a Curvaceous Homepage // Wavy Background Tutorial with SVG & CSS



Learn how to design a website with curved or wavy backgrounds using HTML and CSS. Then take things to the next level by adding a morphing SVG animation with JavaScript

#webdev #css #tutorial

🔗 Resources

Code
Shape Driver
Haikei App

📚 Chapters

00:00 Wavy Web Design
00:49 Flat HTML Website
03:26 CSS Wave
05:51 CSS Bubble
06:21 SVG Wave
07:15 SVG Layered Wave
08:58 Animated Blob

🤓 Install the quiz app

iOS
Android

🔥 Watch more with Fireship PRO

Upgrade to Fireship PRO at
Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

– Atom One Dark
– vscode-icons
– Fira Code Font

IMPORTANT NEWS - Advanced Artificial Intelligence App makes you an Instant copywriting genius! This amazing app creates professional quality content for your blog or website, advertisments, salesletters, ebooks - you name it, and it's done in a flash! Take a look at this incredible opportunity to give your business the BIG BOOST it needs to grow and prosper! GET THE DETAILS

X