CSS3 Text Zoom
IE7, IE8, IE9, IE10, Firefox 3, Firefox 4, Firefox 5, Safari, Chrome and Opera
22nd June 2011
copyright © stu nicholls - CSS play
Using the same principle as the previous Icon Zoom, this one uses vertical text. Just hover any text line to see it enlarge and also re-size previous/next text lines.
This works in IE7+, Firefox 3/x, Firefox 4, Firefox 5, Opera, Safari and Chrome. With full animation in Firefox 4, Firefox 5, Opera, Safari and Chrome.
This makes use of the adjacent sibling selector (~) to control the size of the text. I have also added text shadows for supporting browsers.
You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.
Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.
If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.