custom properties Archives | Page 7 of 7

Now that CSS Custom Properties are a Thing, All Value Parts Can Be Changed Individually

CSS Custom Properties give us the ability to reach into a property value and change certain parts of it. That's useful in a bunch of places, but in particular, it's useful in properties which don't allow us to do it any other way.

Chris Coyier on Apr 25, 2017 (Updated on Jul 3, 2019)

custom properties transform

Individual CSS Transform Functions

Direct Link

Dan Wilson documents a classic annoyance with transforms:

button {
  transform: translateY(-150%);
}
button:hover {
  /* will (perhaps unintentionally) override the original translate */
  transform: scale(.8);
}

The native (and WET) solution is list the original transform again:

button:hover {

…

Shared by Chris Coyier on Feb 23, 2017

custom properties JavaScript random numbers

Random Numbers in CSS

I stumbled into an interesting problem the other day. I wanted to animate an element with a random animation-duration. …

Robin Rendle on Jan 11, 2017 (Updated on Sep 15, 2017)

Articles Tagged
custom properties

Now that CSS Custom Properties are a Thing, All Value Parts Can Be Changed Individually

Individual CSS Transform Functions

Random Numbers in CSS

Need front-end development training?