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
320
118
4 months ago 00:03:34 1
Dune: Part Two Soundtrack | Worm Army - Hans Zimmer | WaterTower
4 months ago 00:06:08 1
Cabbage with eggs tastes better than meat! Easy, quick and very delicious dinner recipe!
4 months ago 00:00:50 1
Spice Up Your Playing With BUZZ STROKES! - #drums #drummer #drumlessons #drumming #funk #drumset
4 months ago 00:04:18 1
The Difference Between Effects and Generators | Davinci Resolve Basics
4 months ago 00:01:30 3
Spice Hotel & Spa 5 * Белек, Анталия, ТУРЦИЯ. Отзыв-видеоклип
4 months ago 00:01:09 1
Totally Spies! Season 7 Trailer
4 months ago 00:10:25 1
15 СМЕШНЫХ РЕКЛАМНЫХ РОЛИКОВ / 15 FUNNIEST COMMERCIALS / №3 от FERE : смешная реклама
4 months ago 00:04:12 1
BRADIO - ファンファーレ (OFFICIAL MUSIC VIDEO)【アニメ「自動販売機に生まれ変わった俺は迷宮を彷徨う」オープニングテーマ】
4 months ago 00:03:54 1
AMBERIAN DAWN - Lay All Your Love On Me (ABBA Cover) (Official Lyric Video) | Napalm Records
4 months ago 00:03:04 1
Hater Love [A Death Glare Parody of “Fishy Love“ by Griffnilla]
4 months ago 00:03:55 1
[Genshin Impact/CN HoYoFair] Sand Dust
4 months ago 01:24:51 1
MikkiM - Tekno Parade Vol.2 - DJ set- Raggatek-Jungletek-Hardtek
4 months ago 00:01:38 1
Windows XP ERROR Song
4 months ago 00:03:17 1
Omoinotake | 蕾 【Official Music Video】
4 months ago 00:03:24 1
Creepy Nuts - Bling‐Bang‐Bang‐Born / THE FIRST TAKE
4 months ago 00:14:41 1
МАКОВЫЙ РУЛЕТ, как сделать СДОБНОЕ ТЕСТО how to make babka with poppy filling
4 months ago 00:08:28 1
Sunday of the Myrrh Bearing Women - These brave women!
4 months ago 00:05:27 1
The Streets - The Escapist (Official Video)
4 months ago 00:00:16 1
How to make Candied Strawberries #shorts
4 months ago 00:04:13 1
Stereotypical United States be like...
4 months ago 00:26:03 1
Batik Runner Curly Feather Fill Free motion Longarm Quilting variegated Omni-V thread Table Runner