From the course: Emmet: Fast and Efficient Web Coding

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Gradients

Gradients

From the course: Emmet: Fast and Efficient Web Coding

Start my 1-month free trial

Gradients

- [Instructor] Gradients are another feature of CSS3 which can be tricky to write. First, you have to write the property multiple times to account for different browsers. And secondly, it takes a slew of values. So having to write that over and over, it takes time. Emmet can take care of this for you by automatically adding the vendor prefixes. You need to support those older browsers. We will be adding a gradient to this page. Currently, we just have a repeating background on this page. I've assigned the repeating background to the HTML tag. We're going to be putting a gradient on the body tag to overlay on top of this. And ultimately, we're going to reduce the opacity of the colors so that we can see the pattern appearing behind the gradient. In order to add the gradient, we'll go to the body tag. I'm going to add the Emmett snippet to create a gradient. So, I'll write LG. I want my gradient to go from the top to the…

Contents