The cool browsers support radius corners , but Safari supports CSS transformations that allow developers to scale, skew, and rotate objects on the page like we’re used to doing in PostScript. And better than that, we can animate those transformations over time — all without any JavaScript.
Fire up Safari or Chrome and mouse over the examples here . The screencast at the top is from the menu on that page. There are, obviously, better uses for these transforms, but it’s easy to see it at work there. Also see this screencast . It shows a rendering error, but it’s a better use of the tech.
Now kick it up a notch with 3d transforms . They only work on the iPhone and iPod touch for now, but they’re quite nifty. See these examples: one , two . Paul Bakaus offers more detail, and Matthew Congrove offers this example of flick navigation .
Posted September 10, 2008 by Casey Bisson Technology . Tags: animation , css , CSS animation , CSS transforms , safari , transformations , web design , webkit .
2 Comments
Comments RSS
TrackBack Identifier URI
Leave a comment
User contributed tags for this post:
www.sexbabes.tv (296) - sexbabes.tv (135) - www.sexbabes.biz (99) - www.sex babes.tv (49) - www.sexbabes.com (34) - www.sex.coom (33) - sexbabes.biz (28) - www.sex babes.biz (25) - ww.porno.com (24) - www.sex.com.mk (23) - www.98.coom (23) - webkit css hack (21) - sex.com89 (20) - iphone css transform (19) - www.sexbabes.com.ar (19) - www.xxxl.sex (17) - www.com89 (14) - www.porno.com (13) - www.sex coom (13) - www.porno.mk (11) - facebookofsex (11) - www.sex babes.com (10) - -webkit-animation (10) - WWPORNOCOM (9) - www.sexbabes.com ar (9) - www.sex.you (8) - SEX.BABES.TV (8) - www,sexbabes.tv (7) - iphone css animation (7) - www98.coom (7) - www.porno.com.mk (7) - webkit rotate (7) - www.sex 890.com (7) - user-select Safari (6) - sexbabes.com (6) - www.sexbabes (6) - www.sex-babes.tv (6) - webkit hacks (6) - www.sex.babes.biz (6) - www.xxxl.coom (5) - webkit-transform (5) - webkit rotation (5) - sexbabes.com.ar (5) - webkit 3d (5) - safary sex (5) - css transformations (5) - sexbabes.tv.com (5) - arabboobs (5) - safari rotate (5) - www.pinkwold.com (5) - safari sex (5) - webkit animation (5) - free sexbabes.biz (5) - sexbabes tv (5) - porno.com.mk (4) - sex.cmo (4) - www.sex too.com (4) - css webkit (4) - webkit css examples (4) - www.sex.com.25 (4) - iphone css animations (4) - www.sex.babes.tv (4) - safari select css (4) - iphone safari css (4) - wwwsexbabes.biz (4) - www.sex babes .biz (4) - iPhone Safari CSS Animation (4) - css webkit hack (4) - sex.com.mk (4) - www sexbabes t.v (4) - sex.coom (4) - www.ro 98.com (4) - moz-user-select safari (4) - feerı sex coom (4) - webkit transforms (4) - transformations (3) - css transformations iphone (3) - 3d css webkit (3) - css hack Webkit (3) - SEX BABES.TV (3) - ftv.com.hot (3) - css hack chrome (3) - WW.PORNO.COM. (3) - webkit css hacks (3) - moz-user-select webkit (3) - www sexe tv porno.com. iPhone (3) - www sexbabes biz (3) - porno mk (3) - webkit css animation (3) - webkit css transforms (3) - chrome safari webkit (3) - www.sex.babes.biz.com. (3) - 2www.sex (3) - webkit transform (3) - safari animation (3) - css chrome (3) - WebKit Chrome (3) - www.sexbabes,tv (3) - wwwsexbabes.tv (3) - www.sexbabes.tv.com (3) - iphone select webkit (3) - sex-babes.tv (3) - 666.XXXL.SEX (3) - www.arab babes.com (3) - ww.ftv.com/hot (3) - webkit css 3d (3) - www.ftv.cmo (3) - www.sex.babes (3) - webkit css transformations (3) - babes.biz (3) - www.ro.98.com (3) - css rendering issues safari and chrome (2) - W W W,SEX BABES.BIZ (2) - www.xxxl free sex.com (2) - css 3d transform (2) - webkit transform iphone (2) - sex babes.com (2) - safari 3d transformation (2) - seyx girls (2) - safari css transforms (2) - chrome webkit transformation (2) - www.sexbabes.biz free sex movie (2) - sample css for safari (2) - safari css 3d (2) - css @media webkit chrome (2) - safari moz-user-select (2) - www.sex babes.com.ar (2) - chrome css hacks (2) - webkit animations (2) - css rotate safari (2) - webkit transforms iphone (2) - 98.coom (2) - . www.sexbabes.biz/ - 2 (2) - safari css transform (2) - chrome webkit css (2) - www ftv sex tv.com (2) - safari de PORNA (2) - css select safari (2) - www'ftv'in (2) - www.SEX BABES.COM.AR. (2) - www sexbabes.tv (2) - css chrome hack (2) - pornomk (2) - www.porno animaties (2) - css rotate safari apple (2) - webkit 3d transform (2) - www.sex babes. tv (2) - webkit hack (2) - css animation safari (2) - iphone css transformations (2) -
The problem that I have is that the Google browser is not 100% rendering compatible with Safari (as in fonts), yet since they both identify the same way there is no way to hack proper css in emergencies.
sexyyyy