Search

Nalezeno "color": 241

Collective #675

19.8.2021
CSS accent-color * Shared Element Transition API * Breaking the web forward * MIDIVal The post Collective #675 appeared first on Codrops

Wanna see a whiter white?

11.8.2021
Heck of a CSS trick here from Dongsung Kim. There are hidden HDR videos playing at the corners of this page. When a HDR-capable browser encounters one, it switches to HDR mode. For some reason, CSS backdrop-filter + brightness >100% … The post Wanna see a whiter white? appeared first...

Safari 15 Opinions

28.7.2021
It was interesting that when Safari 15 was dropping at this last WWDC, in my circles at least, I mostly heard enthusiasm. Like the colors-in-the-browser-controls stuff was a neat trick and fun to play with. And there were other … The post Safari 15 Opinions appeared first on CSS-Tricks....

Meta Theme Color and Trickery

13.7.2021
Starting with Version 15, Safari supports the theme-color <meta> tag both on macOS and iOS. That’s exciting news because now the first desktop browser supports this <meta> tag and it also supports the media attribute and the prefers-color-scheme media feature.… The post Meta...

System *Things

29.6.2021
I think we’re all largely aware of named colors in CSS: color: OldLace; background: rebeccapurple; I guess you’d just call those “named colors” in CSS. Those aren’t the only kind of named colors there are though. Some of them … The post System *Things appeared...

Safari 15: New UI, Theme Colors, and… a CSS-Tricks Cameo!

11.6.2021
There’s a 33-minute video (and resources) over on apple.com covering the upcoming Safari changes we saw in the WWDC keynote this year in much more detail. Look who’s got a little cameo in there: Perhaps the most noticeable thing there … The post Safari 15: New UI, Theme Colors...

The Nintendo Download: Color Dots Connect Color Dots

27.5.2021
There are 39 games coming to the Nintendo Switch eShop this week. One of them is called Color Dots Connect. Another is called Connect Color Dots. They are two different versions of the same sort of puzzle game. Nintendo really needs to rein this nonsense in. Read more

Exploring color-contrast() for the first time.

26.4.2021
I saw in the release notes for Safari Technical Preview 122 that it has support for a color-contrast() function in CSS. Safari is first out of the gate here. As far as I know, no other browser supports this yet … The post Exploring color-contrast() for the first time. appeared first...

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...

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