Back to Browse

Reduce motion and toggle dark mode with CSS

959 views
Jul 22, 2021
5:22

In this video, I show you some cool media queries which are nothing to do with size. We'll look at: 00:30 - prefers-reduced-motion 01:07 - prefers-color-scheme 01:51 - orientation 02:33 - nesting media queries 03:38 - combining media queries without nesting Thank you Dave(https://twitter.com/thebigdavec) for drawing my attention to prefers-color-scheme and inspiring me to research other media queries for this video. -- const me = { name: "Leanne 👩🏻", passions: ["coffee☕️", "code 💻", "cats 🐱"], unpopular_opinion: "LOVES CSS ❤️", favorite_colors: ["hotpink", "orangered"], channel_aim: "Show the world that CSS is fun and web development rules! 👑" } -- 🐤 Say hi on Twitter: https://twitter.com/RybaLeanne

Download

0 formats

No download links available.

Reduce motion and toggle dark mode with CSS | NatokHD