friendsterTalk - Friendster Forum

Smudge Text

.smudge {
    width:100%;
    filter: progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310)
            progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
            progid:DXImageTransform.Microsoft.Wheel(duration=3);
}

<div class="smudge" STYLE="">
        Blurry text with smudge of gray.
</div>

Gradient Layer

.gradientDiv {
    height:120px;
    color:green;
    filter: progid:DXImageTransform.Microsoft.gradient(
                    enabled='false',
                    startColorstr=#550000FF,
                    gradientType='1', /*gradient direction 1/0*/
                    endColorstr=#55FFFF00);
}

<div class=".gradientDiv">
A simple gradient
</div>

Scale Layer Background Image

.fitbgimg {
    position:relative; height:250px; width:250px;         
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='url',
                        sizingMethod='scale' /*can be
                                                'crop'
                                                 'image'*/
                    );
}

<div class="fitbgimg"></div>

and many more here guys http://msdn2.microsoft.com/en-us/library/ms532853.aspx

Last edited by marfillaster (2007-06-02 17:54:39)