Free Online Courses for Software Developers - MrBool
× Please, log in to give us a feedback. Click here to login
×

You must be logged to download. Click here to login

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

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

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.

Course:  

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.



Senior Software Engineer with experience in C#, JavaScript, jQuery, Knockout JS, Kendo UI, HTML5, and SQL Server. Ayad has more than 20 years experience in technical training and teaching. Contributor to MrBool for about 7 years.

What did you think of this post?
Services
[Close]
To have full access to this post (or download the associated files) you must have MrBool Credits.

  See the prices for this post in Mr.Bool Credits System below:

Individually – in this case the price for this post is US$ 2,00 (Buy it now)
in this case you will buy only this video by paying the full price with no discount.

Package of 10 credits - in this case the price for this post is US$ 1,00
This subscription is ideal if you want to download few videos. In this plan you will receive a discount of 50% in each video. Subscribe for this package!

Package of 50 credits – in this case the price for this post is US$ 0,33
This subscription is ideal if you want to download several videos. In this plan you will receive a discount of 83% in each video. Subscribe for this package!


> More info about MrBool Credits
[Close]
You must be logged to download.

Click here to login