<?xml version="1.0" encoding="utf-8"?>
<feed xml:lang="en-us" xmlns="http://www.w3.org/2005/Atom"><title>Simon Willison's Weblog: matrix</title><link href="http://simonwillison.net/" rel="alternate"/><link href="http://simonwillison.net/tags/matrix.atom" rel="self"/><id>http://simonwillison.net/</id><updated>2007-10-26T21:45:01+00:00</updated><author><name>Simon Willison</name></author><entry><title>CSS Transforms</title><link href="https://simonwillison.net/2007/Oct/26/transforms/#atom-tag" rel="alternate"/><published>2007-10-26T21:45:01+00:00</published><updated>2007-10-26T21:45:01+00:00</updated><id>https://simonwillison.net/2007/Oct/26/transforms/#atom-tag</id><summary type="html">
    
&lt;p&gt;&lt;strong&gt;&lt;a href="http://webkit.org/blog/130/css-transforms/"&gt;CSS Transforms&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
WebKit can now do transforms (scale, rotate, translate and skew) in CSS via a new -webkit-transform property. Transforms behave like position relative in that they don’t affect the layout of the page. You can also provide a full affine transform matrix as a shortcut.


    &lt;p&gt;Tags: &lt;a href="https://simonwillison.net/tags/affinetransformation"&gt;affinetransformation&lt;/a&gt;, &lt;a href="https://simonwillison.net/tags/apple"&gt;apple&lt;/a&gt;, &lt;a href="https://simonwillison.net/tags/browsers"&gt;browsers&lt;/a&gt;, &lt;a href="https://simonwillison.net/tags/css"&gt;css&lt;/a&gt;, &lt;a href="https://simonwillison.net/tags/graphics"&gt;graphics&lt;/a&gt;, &lt;a href="https://simonwillison.net/tags/matrix"&gt;matrix&lt;/a&gt;, &lt;a href="https://simonwillison.net/tags/safari"&gt;safari&lt;/a&gt;, &lt;a href="https://simonwillison.net/tags/transforms"&gt;transforms&lt;/a&gt;, &lt;a href="https://simonwillison.net/tags/webkit"&gt;webkit&lt;/a&gt;&lt;/p&gt;



</summary><category term="affinetransformation"/><category term="apple"/><category term="browsers"/><category term="css"/><category term="graphics"/><category term="matrix"/><category term="safari"/><category term="transforms"/><category term="webkit"/></entry></feed>