group要素のCSSのrotation属性のサンプル

group要素のCSSのrotation属性のサンプル

指定なし

<v:group  style="width:100; height:100;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

20を指定

<v:group  style="width:100; height:100; rotation:20;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

90を指定

<v:group  style="width:100; height:100; rotation:90;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

135を指定

<v:group  style="width:100; height:100; rotation:135;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

-20を指定

<v:group  style="width:100; height:100; rotation:-20;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

0を指定

<v:group  style="width:100; height:100; rotation:0;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>