8
edits
Evangelism/Firefox3.5/35Days/Articles/isocube: Difference between revisions
Evangelism/Firefox3.5/35Days/Articles/isocube (view source)
Revision as of 23:15, 14 June 2009
, 14 June 2009no edit summary
Zachstronaut (talk | contribs) No edit summary |
Zachstronaut (talk | contribs) No edit summary |
||
| Line 56: | Line 56: | ||
<p>Finally, by making a copy of the cube markup and using two more of the CSS transformation functions, I was able to create a second cube. I made the cube 50% as big using a <code>scale(0.5)</code> transformation, and I moved it into place by using <code>translate(600px, 400px)</code>.</p> | <p>Finally, by making a copy of the cube markup and using two more of the CSS transformation functions, I was able to create a second cube. I made the cube 50% as big using a <code>scale(0.5)</code> transformation, and I moved it into place by using <code>translate(600px, 400px)</code>.</p> | ||
<p>I hope you found this demo to be interesting and that it opened up your mind to some exciting possibilities that Firefox 3.5 CSS transformations bring to the web.</p> | <p>I hope you found this demo to be interesting and that it opened up your mind to some exciting possibilities that <a href="https://developer.mozilla.org/En/CSS/CSS_transform_functions">Firefox 3.5 CSS transformations</a> bring to the web.</p> | ||
<p>CSS transformations are also supported by Safari 3.1+ and Chrome using the <code>-webkit-transform</code> CSS property.</p> | |||