g:background.blur Property

Gets or sets the level of blur applied to the g:background element.

This property is read/write.

Syntax

propVal = g:background.blur(intBlur)

  
g:background.blur(intBlur)

   = propVal 

Parameters

• intBlur [in]

• intBlur [out]
  Sets or retrieves the blur radius (or boundary). The value ranges from 0 to 100.

  Value	Meaning
  0	Default. No blur effect applied. The target element is not modified.
  100	Full blur effect applied.

   

Remarks

blur blurs the entire element. This is in contrast to the softEdge effect, which blurs the outside edge of the element by the specified radius.

The blur effect can be specified in the gadget HTML and script files.

The opacity of the g:background element must be set to a value of at least 1 for the blur effect to be visible.

Examples

The following example demonstrates how to add a blur effect to the g:background element from a gadget script file.

\\ imgBackground is the value of the 'id' attribute for the g:background element.
imgBackground.blur = 10;

The following example demonstrates how to add a blur effect to the g:background element in the gadget HTML file.

<g:background 
        id="imgBackground" 
        src="images\background.png" 
        opacity="100" blur="10">

Requirements

See Also

g:background

Reference

image

text

Send comments about this topic to Microsoft

Build date: 2/24/2010

Build type: SDK