<p>CSS-Tricks | Chris Coyier In CSS, some properties have shorthand. One property that takes separated values. Syntactic sugar, as they say, to make authoring easier. Take transition, which might look something like: .element { transition: border 0.2s ease-in-out; } We could have written it like this: .element { transition-property: border; transition-duration: 0.2s; transition-timing-function: ease-in-out; } [&hellip;]</p>

Breakdown

CSS-Tricks | Chris Coyier

In CSS, some properties have shorthand. One property that takes separated values. Syntactic sugar, as they say, to make authoring easier. Take transition, which might look something like:

.element { 
  transition: border 0.2s ease-in-out; 
}

We coul...