css - css3 トランジションを SVG 要素に適用することは可能ですか?

Question

次のリンクから div 要素への css3 トランジションの適用について読みました: http://www.developerdrive.com/2012/05/how-to-make-smooth-transitions-with-css3/

上記のリンクでは、次のコードを使用しています。

<style type="text/css">
div
{
  width:100px;
  height:100px;
  background:red;

  transition-property:width;

  transition-duration: 2s;
  transition-timing-function: linear;

  transition-delay: .5s;

  }

div:hover
{
  width:300px;
}

</style>

次のコードを使用して、rect のような SVG 要素の遷移を追加することは可能ですか?

<style type="text/css">
rect
{
  x:100px;
  y:100px;

  transition-property:width;

  transition-duration: 2s;
  transition-timing-function: linear;

  transition-delay: .5s;

  }

rect:hover
{
  x:300px;
}

</style>