Blend-mode

From Frontal Wiki

Jump to: navigation, search

Contents

Purpose

This style sets the blend mode of a visual element. Blend mode determines how overlapping bitmaps combine visually.


Value

One of "add", "alpha", "darken", "difference", "erase", "hardlight", "invert", "layer", "lighten", "multiply", "normal", "overlay", "screen", or "subtract". The default blend mode is "normal". 

blend-mode: darken;


Remarks

Blend mode is a Flash feature. For more information see the Flash reference for DisplayObject.blendMode.


Example

<style><![CDATA[
    document
    {
		background-color: orange;
    }
    #video
    {	
		margin: auto;
		blend-mode: normal;
		video-auto-play: true;
		video-loop: true;
		top: 0px;
    }
	text
	{
		@onRollOver
			{
				gE ( "video" ).sS ( "blend-mode", text );
			}
	}
]]></style>
<text><![CDATA[add]]></text>
<text><![CDATA[alpha]]></text>
<text><![CDATA[darken]]></text>
<text><![CDATA[difference]]></text>
<text><![CDATA[erase]]></text>
<text><![CDATA[hardlight]]></text>
<text><![CDATA[invert]]></text>
<text><![CDATA[layer]]></text>
<text><![CDATA[lighten]]></text>
<text><![CDATA[multiply]]></text>
<text><![CDATA[normal]]></text>
<text><![CDATA[overlay]]></text>
<text><![CDATA[screen]]></text>
<text><![CDATA[subtract]]></text>
<video id="video" src="http://www.frontalcode.com/assets/video/video_1.flv" />


Can Be Applied To

This style can be applied to any visual element in particular:

Retrieved from "http://www.frontalcode.com/wiki/index.php/Blend-mode"
Personal tools
Get Adobe Flash player