Web Development - CSS3 - Scratch till Advanced Project Based
4.1 (329 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
28,754 students enrolled

Web Development - CSS3 - Scratch till Advanced Project Based

Complete CSS 3 Course from basics till Advanced like Gradients, Animations, MediaQueries so on. Includes a Project also.
4.1 (329 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
28,754 students enrolled
Created by Tharun Shiv
Last updated 5/2020
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 8 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Develop a complete website using HTML & CSS
  • Build attractive static websites
  • Be completely ready to learn Javascript.
  • Be completely ready to learn advanced CSS Frameworks
  • Develop websites works on Mobiles, Tablets, Desktops
Course content
Expand all 54 lectures 04:35:36
+ Introduction
5 lectures 17:38
Complete Code Used in this course [ Including Project ]

This is just an Intro to Chrome Dev Tools. You can do unimaginable things with the Dev Tools, which in itself deserves another separate course. But this is enough for now.

Preview 04:45
Syntax & Comments
BONUS tips - Inline - Internal - External style sheets

Show your true self

Quiz Buzz
1 question
+ Level 1 - Colors & background
3 lectures 15:57
Backgrounds & their attributes
Free Stock Photos

Show your true self

Quiz Bizz
1 question
+ Level 2 - Borders, Margins & Padding
4 lectures 22:18
Border-radius & Margin

An updated video on a Student's request.

Preview 08:30
Ahem... Ahem....
+ Level 3 - Icons and Links
2 lectures 10:17
FontAwesome Icons vs Glyphicons vs Google Icons
Links and their states

Show you true self

Quiz Bizz
1 question
+ Level 4 - Display, Position, Overflow
4 lectures 20:24
Display - Inline, Inline-block, Block
Position - Absolute, Relative, Static, Sticky
Are you able to position the elements properly?
+ Level 5 - Pseudo-Elements & Combinators
4 lectures 17:47
Combinators - select any css elements you want
Pseudo-Elements :: I'm there, but not
Pseudo-Classes : I'm here, but not
BONUS: Additional resource ( optional )

Show your true self

Quiz Bizz
1 question
+ Level 6 - Text & Fonts : the stuff you never knew
5 lectures 25:03

Learn about the attributes and properties related to text in css and use them to produce attractive written content that makes your website unique from others.

Text Formatting : Exploring them all

Learn to use Google Fonts like the Montserrat on your website

Fonts - 1 Font-Family & using external Google Fonts in your website for FREE!

Get to know about the differences between px, em, rem, vw, vh.


Fonts 2 - Font Sizes like px, em, rem, vw, vh - IMPORTANT!!

float them left, right

Float - The water you pour to make it float
BONUS: Opacity - make stuff transparent
+ Advanced Css3: Level 1 - Gradients
3 lectures 07:49
Gradients - 1 Linear Gradients
Gradients - 2 Radial Gradients
BONUS: Amazing way to create the perfect Gradient you want in Seconds
+ Advanced Css3: Level 2 - Animation using CSS Only
13 lectures 59:58
Transitions - 1 - create motion
Transitions - 2 - control the speed
Transform2D - 1 - translate()
Transform2D - 2 - rotate()
Transform2D - 3 - scale() & skew()
Transform2D - 4 - matrix()
Transform3D - 1 - rotateX(), rotateY(), rotateZ()
Transform3D - 2 - Perspective : woohoo!
BONUS: Media Queries [ COMPULSORY ]
Keyframes Animations - 2 - percentages
Keyframes Animations - 3 - Iteration & Direction
Keyframes Animations - 4 - Speed & Fill Mode
+ BONUS: A Web dev Project
11 lectures 01:18:24
Mark-up of the nav-bar
Background Image & Container
Navbar Part 1 - Gradient & Sitename
Navbar Part 2 - Navigations & Box-shadow
The Glassy Side Hover
The Contact Form Part 1 - Markup
The Contact Form Part 2 - Styling the Form [ IMPORTANT ]
The Blog - In one video
The Blurry Background [ BONUS - OPTIONAL ]
Adding Responsiveness - Making it look great on All Devices & Animations
What's next?
  • You need to know just the basics of HTML.
  • A book and a pen to take notes.
  • A cup of coffee
  • Curiosity

Are you coming here after learning HTML and have absolutely no idea about CSS?

Or Are you good at both HTML, CSS and just here to refresh the concepts?

I've got you both backed up.

Learn from Scratch till Expertise

Welcome to this course on Cascading Style Sheets!

This course provides enough knowledge to both Beginners and Advanced developers. I am sure you wouldn't be disappointed.

When should you take this course?

  When you know HTML Basics. If you don't then check out my Free course on HTML on Udemy, and within hours you will be ready to take up this course. So that shouldn't be an issue.

But Why ME? Why THIS course? What will you LEARN here?

  1. I have referred the top three resources for CSS and have compiled this course. I present you a complete package of learning and fun.

  2. We will start off with the Basics of CSS and then move on to the Advanced concepts like Gradients, Transitions, 2D Transforms, 3D Transforms, Media Queries that help you develop for Desktops, Laptops, Tablets, Mobiles using just one website.

  3. Then we will immerse ourselves in building an amazing Project Website STEP-by-STEP with no steps skipped. I will also provide the entire course code and the project code to you, so that you can rather concentrate on Learning the stuff, rather than typing the same code.

Who will guide me throughout the course?

  Relax! I, Personally will be there to guide you throughout the course. If you have any doubts, feel free to message me or Post them in the Q&A Section and you can expect answers As soon as possible.

Can I DOWNLOAD the videos and watch it on my phone?

     YES! All the videos of this course can be downloaded through the Udemy Mobile Application. You can watch them offline whenever you want.

How long is the course Valid?

    LIFELONG. Buy now, study on your own pace and keep the course as your reference for your lifetime!

Do I get a Certificate?

  YES! You get a Certificate for completing this course, I have structured the course with Quizzes and Videos such that the certificate is worth for Mentioning in your LinkedIn profile and your Resume.

What if I didn't like the course?

  Get your money back within the first 30 days of your course registration. But, I guarantee you that this will never happen.


What else are you reading at?? Come , jump right into the course & have fun!

Happy Developing!



Who this course is for:
  • Anyone who knows the basics of HTML
  • Anyone who wants to learn Advanced CSS
  • Anyone who wants to refresh their CSS skills
  • Anyone who wants to add weightage to their Job Resume