Opacity Rotation Flip Shadow

Opacity

<v:roundrect style="width:100px;height:80px" fillcolor="yellow" strokecolor="red" strokeweight="15px">
<v:stroke opacity="0.3" />
</v:roundrect>
opacity 0 to 1

<v:roundrect style="width:100px;height:80px" fillcolor="yellow" strokecolor="red" strokeweight="15px">
<v:stroke opacity="0.5" />
<v:fill type="gradient" color2="blue"/>
</v:roundrect>
opacity 0 to 1

<v:roundrect style="width:100px;height:80px" fillcolor="yellow" strokecolor="red" strokeweight="15px">
<v:fill type="frame" src="yourimage.gif"/>
<v:stroke opacity="0.3" />
</v:roundrect>
opacity 0 to 1

Rotation

<v:roundrect style="width:100px;height:80px;rotation=45deg" fillcolor="yellow" strokecolor="red" strokeweight="15px">
<v:fill type="frame" src="yourimage.gif"/>
<v:stroke opacity="0.3" />
</v:roundrect>
opacity 0 to 1

The rotation property does not exist in standard CSS, but can be used as a CSS property of VML shapes. The rotation property specifies the number of degrees a shape is rotated in a clockwise direction. Negative values rotate the shape counterclockwise. Values are specified in the format 45deg, 90deg, -30deg.

Flip

Flips a shape around either its x- or y-axis, or both. This is given as a CSS property on the style attribute of a VML shape element. To flip the y coordinates about the x-axis, set flip to y. To flip the x coordinates about the y-axis, set flip to x.

Shadow

<v:oval style="width:120px;height:80px;" fillcolor="red">
<v:shadow on="t" type="single" offset="10px,1px" color="gray"></v:shadow>
<v:textbox>Shadow</v:textbox>
</v:oval>
Shadow
Single, Double
color, color2 See Shadow Example