Skip to content

Latest commit

 

History

History
61 lines (43 loc) · 2.35 KB

web-workshop---how-to-use-vml-on-web-pages-----shadow--element.md

File metadata and controls

61 lines (43 loc) · 2.35 KB
Raw
title description ms.assetid keywords ms.topic ms.date
Using the Shadow Element
Using the Shadow Element
905df226-6232-4e1c-8a9c-f4d4c50b13fa
Web workshop,shadow element
designing Web pages,shadow element
Vector Markup Language (VML),shadow element
VML (Vector Markup Language),shadow element
vector graphics,shadow element
shadow element
VML elements,shadow
VML shapes,shadow element
Vector Markup Language (VML),drawing with shadow effects
VML (Vector Markup Language),drawing with shadow effects
vector graphics,drawing with shadow effects
VML shapes,drawing with shadow effects
drawing with shadow effects
article
05/31/2018

Using the Shadow Element

This topic describes VML, a feature that is deprecated as of Windows Internet Explorer 9. Webpages and applications that rely on VML should be migrated to SVG or other widely supported standards.

Note

As of December 2011, this topic has been archived. As a result, it is no longer actively maintained. For more information, see Archived Content. For information, recommendations, and guidance regarding the current version of Windows Internet Explorer, see Internet Explorer Developer Center.

 

In this topic, we will illustrate how to use the <shadow> sub-element to draw a shape that has various shadow effects.

You can place the <shadow> sub-element inside the <shape>, <shapetype>, or any predefined shape element to draw a shape with a shadow. You can then use the property attributes of the <shadow> sub-element to customize the shadow.

For example, to create a shape with a shadow, as shown in the following picture, you can type the following lines in the <BODY> region of your Web page:

shape1.gif (887 bytes)

<v:oval style='width:120pt;height:80pt;' fillcolor="red">
<v:shadow on="t" type="perspective"
origin=".5,.5" offset="0,0"
matrix=",-92680f,,,,-95367431641e-17"/>
</v:oval>
  • on="t" and type="perspective" indicate to turn on the shadow using the perspective type.
  • The origin and offset indicate where to draw the shadow.
  • matrix="..." specifies the perspective transform matrix.

For more information about this element, see the VML specification .