Iris

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="top"

    horizontalAlign="center" backgroundGradientColors="[#6B1717, #440E0E]" paddingTop="0" backgroundGradientAlphas="[1.0, 1.0]">

   

    <mx:Iris id="irisOut" duration="1000" showTarget="true"/>

    <mx:Iris id="irisIn" duration="1000" showTarget="false"/>

       

    <mx:Panel title="Iris Effect" layout="absolute" color="0xffffff" borderAlpha="0.15" width="500"

         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" x="10" y="10">

        

         <mx:Text width="100%" color="0x323232" textAlign="center" paddingBottom="10"

            text="Use the Iris effect to show or hide the image." x="10" y="10"/>

        <mx:Image id="flex" source="@Embed('images/goggles.jpg')" visible="{cb1.selected}" showEffect="{irisIn}" hideEffect="{irisOut}" x="180" y="44"/>

       

        <mx:ControlBar horizontalAlign="center" paddingBottom="0" paddingTop="0" x="0" y="206">

            <mx:CheckBox id="cb1" label="visible" selected="true" textRollOverColor="0xACACAC" textSelectedColor="0xACACAC"/>

        </mx:ControlBar>

    </mx:Panel>

   

</mx:Application>