How to Draw a Square with CSS | How to Draw CSS Shapes-Tutorial 1 | CSS Tutorials

Welcome to the very first tutorial of this series.
In today's tutorial, you will learn how to create a square shape with CSS.

About the Series:
🔴What is the series about?
The Series will be about creating shapes and figures with Pure CSS.

🔴What can I learn from it?
You will be learning to create shapes with CSS right from the very basic shapes like a square to some pretty advanced Icons.

🔴Who is this Series for?
It is for absolute CSS beginners to Intermediates.

🔴How Can I make Most from this Series?
To make most of the series, I'll suggest you make a separate folder for this on your PC. Save Each tutorial as a separate file in this folder. Code with me. At the end of the series, you will have an amazing collection of a variety of Pure CSS shapes and Icons right there on your PC all coded by YOU!

🔴How long will be each tutorial?
Each tutorial will be Max. 5 mins Long. You can easily take 5 mins off your schedule daily for this tutorial.

🔴What about other Tutorials?
This series is just an addition to my everyday tutorials.

_
🔥My Instagram🔥
_
🎥Tools Used🎥
Sublime Text Editor.
'Browser Sync' Plugin for live coding.
Showmore Screen Recorder.

_
🎵Music🎵
Intro Music:
Song: MBB - Beach (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.

Song: Ikson - Anywhere (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.

[CodingArtist]

Read the Description Box to know more about this series.

[LFFebro]

2 videos in a day? The Coding Artist is quite inspired today! thanks.

[tomershechner]

Guys to draw a circle you just do border-radius: 50%;

[kuldeepamarwani]

Hi mitali... please make a video of bouncing ball with css animation.... 😎

[shadow]

can you make linear gradient + keyframes animation 3 or 4 colors which run smoothly like on side to another side changing colors

[tomershechner]

How can I contact you? I made a video for you