Use the Border-Radius CSS Property to Define Horizontal and Vertical Radius

InstructorJhey Tompkins

Share this video with your friends

Send Tweet

In this lesson, we dive into using CSS border-radius. We will look at how you can use it to create not only basic shapes but complex ones too.

We will start with a shorthand notation that allows us to define a uniform radius for an element. Then we will progress onto a longhand notation. That will give us the power to define the horizontal and vertical radius for each corner of an element.

Let's turn a square head into an egg head!

This lesson is a Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.