How to make shapes with CSS

Показать описание

I cover the box model, box-sizing, borders and how these methods can be used to make shapes more complex than rectangles.

Here is the pen, for you to experiment with:

🔗Links

💰Support me by checking out these affiliate links:

🧠Things I Recommend (not affiliated)

🫂Places To Donate:

⚙️What's On My Desk?
GPU: EVGA GeForce RTX 2070 SUPER
CPU: AMD Ryzen 9 3900X
Motherboard: Asus PRIME X570-PRO
Memory: Team T-FORCE VULCAN Z 64 GB (2 x 32 GB) DDR4-3200
Monitor: LG 25UM58-P 25.0" 2560x1080 60 Hz
Drawing Tablet: XP-PEN Artist 15.6Pro
Mouse: Logitec MX Master 3s
Keyboard: Redragon K580 VATA
Speakers: Mackie CR3-X
Headphones: Beyerdynamic DT 700 Pro X
Microphone: Beyerdynamic M70 Pro X
Audio Interface: Universal Audio Volt 2

Рекомендации по теме

Комментарии

Here is a list of contents so you can skip around my babbling.
(don't forget you can also adjust the speed in the settings)
border-radius : 0:59
circle: 3:45
raindrop: 5:02
the box model: 7:34
box-sizing: 10:22
borders: 13:41
triangle: 20:08
trapezoid: 22:18
pacman: 25:25
face: 31:20

JoeyCarlino

How to make shapes with CSS

Learn How to Draw and Identifying the Different Types of Shapes

7 Ways Simple Shapes Can Improve Your Drawings

How to Draw ANYTHING Using Simple Shapes

How to Draw 3D Shapes - Exercises for Beginners

Shapes Creatures | Animals Drawing With Geomatric Shapes | Shape And Colour Crafts For Kids

3d shapes model out of paper | 3d shapes diy | Easy DIY 3d and 2d shapes making | 3d shapes names

HOW TO DRAW - Basic Shapes UNLOCK EVERYTHING!

How to Make 29 Handmade Pasta Shapes With 4 Types of Dough | Handcrafted | Bon Appétit

Ten Minute Tip How-to Create a Diamond Shape with Seed Beads

Drawing Shapes for Kids | Drawing Animals with Shapes | Learn Shapes and Colors | OKIDOKIDS

How to Draw Shapes Step By Step and Colour Shapes | Easy Drawing for Toddlers

How to Draw 3D Shapes

How to make 3d shapes / 3d shapes model / geometric shape model making / mathematical shapes

How to Create Shapes with Different Colored Play Doh

How to make shapes with CSS

Learn Shapes,Colors,Educational video for Kids | 2d shapes drawing | Preschool Learning for toddlers

How To Draw Shapes In Photoshop (The Shape Tool Explained!)

Shapes | Names of Shapes | Geometry | Shapes for Kids | Geometric Shapes

Drawing with shapes | Part 1 | How to draw with shapes. Education shapes drawing. Education video.

How to create basic shapes in Adobe Illustrator

Basic SHAPES Illustrator Tutorial

HOW TO DRAW SHAPES- CIRCLE SQUARE TRIANGLE STAR HEART HEXAGON

How to Draw Anything with the help of basic shapes

HOW TO MAKE 3D SHAPES WITH CLAY | 3-DIMENSIONAL ARTWORKS NA YARI SA MODELING CLAY | ARTS MODULE