Gradient text

gradient-text

We can replace four lines of code with only one using shorthands!

- second part is our position of the background

- then we have a position-size separator 

- after the separator, we have background-size

This is not over! Background can have more properties:

Background shorthand is necessary while creating single-div illustrations.

CSS background has many properties. We can combine many lines with only one using shorthand. Let's see how to replace four major ones with only one line.

Background shorthand

background-shorthand

Do you know that ULR (Uniform Resource Locator) has its own scheme?

Gradient text

See more tips!

URL scheme

Background shorthand

Hello, I'm a frontend developer with over six years of experience, freelancer. I'm also a mentor for junior frontend developers. I wrote a book for Junior Frontend developers called Frontend Unicorn.