css - 是否可以将 css3 转换应用于 SVG 元素？

Question

我从以下链接阅读了有关将 css3 转换应用于 div 元素的信息：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>