Jun 18, 2014
Hey Maria! So I was wondering how I would be able to make text stretch when it's hovered over.
increase the letter-spacing in the hover code :)
seen from United States
seen from Malaysia
seen from Canada
seen from United States
seen from China
seen from China
seen from Mexico
seen from Maldives
seen from Canada
seen from United States
seen from China
seen from United States
seen from India
seen from United States
seen from Canada
seen from China
seen from United States
seen from China
seen from United States
seen from Canada
Hey Maria! So I was wondering how I would be able to make text stretch when it's hovered over.
increase the letter-spacing in the hover code :)
did i tell you that my IT teacher said that he wants me to teach the class all of the things i can do w/ css and things because he doesnt know how to do it and hes impressed that i do
Subpixel layout coming to WebKit
If you've ever tried to get precise em-based values of `letter-spacing` to work in a WebKit browser, you've probably wondered why that isn't really possible, while Firefox or Internet Explorer 10 for example do allow fine-grained control. [Play around with this demo](http://jsfiddle.net/lensco/YjRLS/) in various browsers and you'll see what I mean. The underlying reason is that WebKit currently uses integers to calculate pixel positions, while Firefox allows subpixel units to represent locations and sizes. This affects not only letter-spacing of course, but also things like rounding errors while zooming or applying transforms. There has been an ongoing effort to switch WebKit to use subpixel layout, and a few days ago Levi Weintraub and Emil A Eklund [landed a patch](http://trac.webkit.org/changeset/116009) that should put subpixel layout on the fast track. Look forward to more precision coming soon to WebKit-based browsers. Here's [some technical background](http://trac.webkit.org/wiki/LayoutUnit) on this matter, and an [article on subpixel rendering and the CSS Object Model](https://blogs.msdn.com/b/ie/archive/2012/02/17/sub-pixel-rendering-and-the-css-object-model.aspx) from the IE team.
*SEE THE CSS VERSION. (Please note that to fully view the effects, a webkit browser is necessary.)
Originally I wanted to use Mostra Nuova for the type, but ended up using Josefin Sans.
Credits: Photography by David Bartolomi, Postcard by Dances of Vice.
Special thanks to David Bartolomi for letting me use the picture, and to Mr. Isengart for providing a copy of such image.
