Leon's Microblog – Posts tagged "CSS"

Today in CSS: We all know you can change the highlight colour of selected text, but it's impossible to animate that colour. Unless… the colour was just a variable inherited from the parent element, using @​property to make it animatable… Hahahahaha…
If the web platform is standardised then explain THIS
Side-by-sides of Firefox and Chrome showing completely different renders for various border-collapse settingsHTML code showing four tables with different large colourful borders with the border-collapse CSS.
Favourite CSS property that sounds like an early-10s videogame marketing term is probably "touch-action"
Do you ever just look at a CSS tech demo that implements some neat gradient-based transition effect using pure CSS, and think to yourself "a plain image in a data URI has to be smaller than this"
A really large CSS mask declaration using linear-graidents that can't even fit on the screen
Going into the webdev laboratory (i.e. pressed F12) to see how color-mix() in CSS works with getComputedStyle(). Can it simply get you the fully computed colour? It seems: yes, it can! But it's in the format of the color model you mixed with.
A <div> element with "background-color: color-mix(in lab, burlywood 60%, #f00 50%);". The JS code "getComputedStyle(temp1).backgroundColor" produces the string 'lab(66.8555 41.8029 48.313)'
They're adding a CSS value called "pretty"? That's the best name they could come up with? The text wrapping is "pretty"?? Why not give up the pretense and call it "good" or "epic" or "awesomesauce" or something
Me: "Dang, CSS text rendering tech has gotten really snazzy lately. I wonder what new properties they used to make that white outline so–"
I was sitting her for a full minute and a half muttering "how on EARTH can a feature called "conic-gradient" produce a checkered background" but no, I've riddled it out, I've untangled MDN's twisted little conundrum.
I can't believe this one was added in 2017 and not in 1995 by a bored Netscape programmer.
Dang, the latest CSS they've added is unbelievable. They added a property that does this?! *I check browser support and find it was added in Firefox 1.0* Oh………………………………………
All original content on this site, except where noted, is property of Leon, all rights reserved.