Spice up your site | Easy waves, angles, & other creative shapes with CSS
The web is made of boxes, and boxes are bland, boring, and all look the same.
We can spice things up with bringing in some angels, shapes, and waves like these, which makes things a heck of a lot more interesting.
In this tutorial, we’ll see how we can take one of those typical, boring layouts and make it spicy by using a few different CSS techniques.
🔗 Links
✅ Finished code:
✅ The ::before and ::after pseudo-elements explained:
✅ Intro to mask-image:
✅ SVG Path Editor:
✅ Wavy shape generator:
⌚ Timestamps
00:00 - Introduction
00:21 - Goals for creating each of these
01:40 - Project set up
02:0 ...
#Kevin_Powell #css #front-end #frontend #html #web_development
20230131
hWGgw1K-i8Y
1 view
415
135
2 months ago 00:21:40 1
Боярышник (Hawthorn-benefits) Как успокоить Мозг и Сердце l Что важно знать
2 months ago 00:15:41 1
Cozy Autumn Days, Simple Fall Porch Decor, Scrumptious Pumpkin Pie
2 months ago 00:00:59 1
this is how you spice up the bedroom🥵🌶️
2 months ago 00:06:28 3
BURN - Deep Purple (Cover by TOMMY J)
2 months ago 00:03:22 1
Sri Lankan Crab Curry
2 months ago 00:04:46 1
ClariS - ヒトリゴト / THE FIRST TAKE
2 months ago 00:03:24 1
Creepy Nuts - Bling‐Bang‐Bang‐Born / THE FIRST TAKE
2 months ago 00:01:54 1
Doctor Who - The Giggle - Spice Up your Life (1080p)
2 months ago 00:00:00 1
Cozy Autumn Village Halloween Ambience with Relaxing Crackling Fire & JACK-O-LANTERNS, Fall Ambience