What‘s new in CSS

Precisely what‘s new in CSS for me in 2019.

CSS now has many exciting new features since I first learned around 2011. I am now looking at CSS in 2019, I am late to the party. But these look very exciting. Hopefully they will be widely available soon!

CSS Grid

I gave a try, please see this post for more.

Style underline with CSS!

Can I use

CSS Text Decoration Module Level 4.

prefers-color-scheme

Can I use

Media Queries to let you customize styles for light and dark color schemes in all browsers:

@media (prefers-color-scheme: dark) {
  body { background:  #333; color: white; }
}

@media (prefers-color-scheme: light) {
  body { background: white; color:  #555; }
}

Style list item with ::marker

Can I use

Style the "marker" before list item.

Please use Firefox to see in action of my murmur page.

prefers-reduced-motion

Can I use

Media Queries to let user choose if they want less animations.

Learn more: https://web.dev/prefers-reduced-motion

Smooth Scrolling

scroll-behavior: smooth;
@media screen and (prefers-reduced-motion: reduce) {
  scroll-behavior: auto;
}

The media query is for people who prefer reduced motions.