Even though I don’t like these “X’s logo in CSS” things (CSS wasn’t made for that), I do like this one as it clearly shows you the idea (being circles) behind it. Also: if you rotate it 90°, it’s Batman! Twitter Logo in CSS →
Tag Archives: css
GPU Accelerated CSS Filters in Chromium
img { -webkit-filter: sepia(100%) contrast(200%) blur(5px); } The current set of supported filters in Chromium include many that are familiar to web developers with image processing experience, such as sepia, saturation, opacity, and blurs. GPU acceleration of these filters brings their performance to the point where they can be used for animating elements in conjunction …
CSS 3D Earth
Proposition to change the prefixing policy
When a browser vendor implements a new css feature, it should support it, from day 1, both prefixed and unprefixed, the two being aliased. If a style sheet contains both prefixed and unprefixed, the last one wins, according to the cascade. Authors should write their style sheets using the unprefixed property, and only add a …
Continue reading “Proposition to change the prefixing policy”
Opera Mobile Emulator with support for (some) -webkit vendor prefixes
Opera, along with Mozilla, announced at a CSS Working Group meeting that we would support some -webkit prefixes. This is because through our site compatibility work, we have experienced that many authors of (especially mobile) sites only use -webkit prefixed CSS, thereby ignoring other vendor prefixes and not even including an unprefixed equivalent. This leads …
Continue reading “Opera Mobile Emulator with support for (some) -webkit vendor prefixes”
The Box
CSS/JS 3D Image Transitions
CSS :nth-letter()
Adobe is working on implementing :nth-letter() in Webkit: The desired syntax was :nth-letter(), where the argument would (ideally) take the same values that :nth-child() can (e.g, a simple index, even/odd, or an expression like 2n+4). This code: <p id=”sentence”>My fourth letter is awesome.</p> #sentence:nth-letter(3) { color: red; font-family: “Comic Sans MS”; font-size: 3em; font-weight: bold; …
Photoshop Blend Modes coming to CSS
If you’re a user of our design applications such as Photoshop and Illustrator, you know how you can create very cool effects with blend modes. Last year, I joined the W3C and started contributing to the SVG and FX task forces. I am now spending the bulk of my time on editing, discussing and implementing …