Menu

Post image 1
Post image 2
Post image 3
Post image 4
1 / 4
0

What’s !important #8: Light/Dark Favicons, @mixin, object-view-box, and More

CSS-Tricks·Daniel Schwarz·about 2 months ago
#H31AbjOb
Reading 0:00
15s threshold

Short n’ sweet but ever so neat, this issue covers light/dark favicons, @mixin , anchor-interpolated morphing, object-view-box , new web features, and more. SVG favicons that respect the color scheme I’m a sucker for colorful logos with about 50% lightness that look awesome on light and dark backgrounds, but not all logos can be like that. Paweł Grzybek showed us how to implement SVG favicons that respect the color scheme , enabling us to display favicons conditionally, but the behavior isn’t consistent across web browsers. It’s an interesting read and there appears to be a campaign to get it working correctly. And once that happens, here’s a skeuomorphic egg-themed CSS toggle that I found last week. Perfect timing, honestly. Skeuomorphic Egg Toggle Switch [HTML + CSS + JS] Organic mechanics. Complex box-shadow layering and border-radius manipulation. Tactile feedback through depth.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More