Search

Nalezeno "color": 211

Not Your Typical Horizontal Rules

16.4.2021
The default browser style for <hr> is so weird. It’s basically: border-style: inset; border-width: 1px; The default border-color is black, but the border doesn’t actually look black, because the inset border “adds a split tone to the line … The post Not Your Typical...

Flash of inAccurate coloR Theme (FART)

16.4.2021
There is a lot to think about when implementing a dark mode theme on a website. We have a huge guide on it. There are some very clever quick wins out there, but there are also some quite tricky things … The post Flash of inAccurate coloR Theme (FART) appeared first on CSS-Tricks. You...

Why You Should Rewatch Your Favorite Movies in Black and White

2.4.2021
Cinema snobs the world over scoffed when polarizing director Zack Snyder announced that his indulgent superhero opus Zack Snyder’s Justice League would be re-rereleased in a desaturated black and white version he’d dubbed Zack Snyder’s Justice League: Justice Is Gray. I was among them, but mostly...

Want to Write a Hover Effect With Inline CSS? Use CSS Variables.

26.3.2021
The other day I was working on a blog where each post has a custom color attached to it for a little dose of personality. The author gets to pick that color in the CMS when they’re writing the post. … The post Want to Write a Hover Effect With Inline CSS? Use CSS Variables. appeared first...

Image Fragmentation Effect With CSS Masks and Custom Properties

23.3.2021
Geoff shared this idea of a checkerboard where the tiles disappear one-by-one to reveal an image. In it, an element has a background image, then a CSS Grid layout holds the “tiles” that go from a filled background color to … The post Image Fragmentation Effect With CSS Masks and Custom...

The Game.com cometh: The rise and fall of the Game Boy’s weirdest rivals

22.3.2021
There was a time—from roughly April of 1989 until the mobile revolution of the last 10 years—when “mobile gaming” meant something very different to the vast majority of people. Specifically, it meant Nintendo. Even as the Console Wars raged at home, the Japanese giant’s iron-fingered...

The “Gray Dead Zone” of Gradients

1.3.2021
Erik D. Kennedy notes an interesting phenomenon of color gradients. If you have a gradient between two colors where the line between them in the color space goes through the zero-saturation middle, you get this “gray dead zone” in … The post The “Gray Dead Zone”...

A DRY Approach to Color Themes in CSS

24.2.2021
The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations. I had run into this issue in the past but hadn’t come up with a … The post A DRY Approach to Color Themes in CSS appeared first...

Use CSS Variables instead of React Context

19.2.2021
Turns out you can use several different libraries to pass color information around components. Or, you could use custom properties, built right into CSS, have no decline in your own developer experience, and deliver a faster experience to your users. … The post Use CSS Variables instead...

Going From Solid to Knockout Text on Scroll

3.2.2021
Here’s a fun CSS trick to show your friends: a large title that switches from a solid color to knockout text as the background image behind it scrolls into place. And we can do it using plain ol’ HTML and … The post Going From Solid to Knockout Text on Scroll appeared first...

No-Jank CSS Stripes

1.2.2021
My mind goes immediately to repeating-linear-gradient and hard-stop gradients when thinking of creating stripes in CSS. You make one stripe by using the same color between two color stops, and another stripe (or more) but using a different color … The post No-Jank CSS Stripes appeared first...

Which State Is The Worst Game Boy Color?

30.1.2021
This week we try to understand how stocks work, learn how one of the best areas in Assassin’s Creed Valhalla was made, dunk on a dumb troll, check out what free games are coming to PS Plus, and pick out the perfect Game Boy shaped like a state. Read more

Twisted Colorful Spheres with Three.js

26.1.2021
Learn how to deform and color spheres to create an interesting animation with Three.js. The post Twisted Colorful Spheres with Three.js appeared first on Codrops

Optimizing Image Depth

18.12.2020
Something I learned (or, I guess, re-learned) this year is how important it is to pay close attention to the bit depth of images. Way back in the day, we used to obsessively choose between 2-, 4-, or 8-bit color depth on our GIFs, because when lots of users were using dialup modems to surf the...

Creating websites with prefers-reduced-data

8.12.2020
Spoiler alert: There is no support for it yet. But it is defined in the Media Queries Level 5 spec that includes other recent, but more familiar user preference features, like prefers-color-scheme and prefers-reduced-motion. The Polypane blog goes into incredible depth on prefers-reduced-data...

How to Add Text in Borders Using Basic HTML Elements

1.12.2020
Some HTML elements come with preset designs, like the inconveniently small squares of <input type="checkbox"> elements, the limited-color bars of <meter> elements, and the “something about them bothers me” arrows of the <details> elements. We can style them to match...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace