02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

CSS3 Visualization techniques

In this group of lectures we will cover the the most important visual updates that will make your designs stand out.

Duration: 43:01

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

CSS3 Visualization techniques Overview

What you'll learn

With the birth of CSS3 comes many updates that make designing in HTML easier and more stunning. In this group of lectures we will cover the the most important visual updates that will make your designs stand out.

Sprucing up your design with Custom Fonts

07:17

Gentle roundness

In CSS3 we have a new property called border-raduis that enables us to create round shapes without images.

07:46

How to leverage stunning gradients

By the end of this lesson you will know how to work with linear gradients and how to apply them in a way that would make your designs stand out.

07:16

Creating Patterns with gradients

In this lecture we will learn to create radial gradients, explore the logic behind it's properties and even see how to create a pattern with it.

06:12

There is a shadow between us

With the help of CSS3 it is really easy for us to integrate shadows quickly and efficiently. In this lecture we will learn how to integrate shadows into boxes and text.

09:35

Life more colorful with alpha channels

By the end of this lesson, you will know how to work with RGBA.

04:56
Download Source Files