background preloader

Simple CSS Spinners

Simple CSS Spinners
Source View on GitHub

The Matrix Revolutions (CSS 3D – 2) | eleqtriq This is the second part of a mini-series covering css 3d-transformations. If you missed the first part, you can read it here. Suddenly they were here: with the increasing adoption of CSS3 in modern web-browsers a strange instument showed up in our toolbox, but nobody knew exactly how to use it: transformation-matrices. How could this mathematical object, obviously invented by some crazy geek with a bias for 90ies science-fiction movies happen to get lost in a CSS-proposal? The good news first: even though "transformation-matrix" may be difficult to spell, it's less difficult to grasp the concept. Unfortunately there is not too much documentation on the web regarding transformation-matrices for mathematical illiterate folks like us designers. What are Matrices? Matrices are like the warp engine in star-trek: space-time-continuum is changed from the outside, but the people in the star-craft don't notice anything. Matrices do have some more advantages: How does it look? The W-row is tricky.

letter-spacing The letter-spacing property controls the amount of space between each letter in a given element or block of text. Values supported by letter-spacing include font-relative values (em, rem), parent-relative values (percentage), absolute values (px) and the normal property, which resets to the font's default. Using font-relative values is recommended, so that the letter-spacing increases or decreases appropriately when the font-size is changed, either by design or by user behavior. The most important point to note when using letter-spacing is that the value specified does not change the default, it is added to the default spacing the browser applies (based on the font metrics). letter-spacing also supports negative values, which will tighten the appearance of text, rather than loosening it. Points of Interest Subpixel values: in most browsers, specifying a value that computes to less than 1px will result in no letter-spacing being applied. Other Resources Browser Support

css - Why does enabling hardware-acceleration in CSS3 slow down performance