Columns and Gradients - Course Cascading Style Sheets (CSS/CSS3) - Part 32 | web Developer courses

Duration: 18:32 min

Summary: In this video, we will continue the column discussion and talk more about gradients. In the previous video, we discussed the columns and how we can specify the count, fill, color, style, and gap. Today, we will look at another option of specifying the column width in pixels (we will add the support for webkit and Mozilla as well). Then we will explore gradients and see how we can add the linear and radial gradients to the page. Note that in this case we are not using images to do so. We will simply add an empty div to the page. But the background-image property in CSS will aid us in adding linear and radial gradients. We will specify colors and degrees to affect the look of the gradient. Always remember that you can load the developer tools and modify the CSS real time. After you are satisfied with the changes, you can copy the modified CSS to the page.

Technologies and Resources: CSS, HTML, Notepad++, width, padding, margin, border, columns, background-image, linear-gradient, bottom, right, deg, radial-gradient.