Efeitos Glow

Exemplos, Flex Add comentario

Olá amigos,

Um simples exemplo de efeitos de rollOver e rollOut em imagens.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="415" height="380" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#000000, #000000]" viewSourceURL="srcview/index.html">
	<mx:Image x="10" y="10" source="assets/img/e-solicite.png" scaleContent="true" width="48" height="48" rollOverEffect="{rollOverEffect}" rollOutEffect="{rollOutEffect}"/>
	<mx:Image x="66" y="10" source="assets/img/32_home.png" scaleContent="true" width="32" height="32" rollOverEffect="{rollOverEffect}" rollOutEffect="{rollOutEffect}"/>
	<mx:Image x="106" y="10" source="assets/img/32_logoff.png" scaleContent="true" width="32" height="32" rollOverEffect="{rollOverEffect}" rollOutEffect="{rollOutEffect}"/>
 
  <mx:Script>
  	<![CDATA[
 
		import mx.effects.Glow;
		import mx.effects.Effect;
 
  		private function get rollOverEffect():Effect {
			var effect:Glow = new Glow();
			effect.blurXTo = effect.blurYTo = 10;
			effect.alphaFrom = 0;
			effect.alphaTo = 0.6;
			effect.color = 0xFFFFFF;
			return effect;
		}
 
		private function get rollOutEffect():Effect {
			var effect:Glow = new Glow();
			effect.blurXTo = effect.blurYTo = 0;
			effect.alphaFrom = 0.6;
			effect.alphaTo = 0;
			effect.color = 0xFFFFFF;
			return effect;
		}
 
  	]]>
  </mx:Script>	
</mx:Application>

O exemplo pode ser acessado clicando aqui
O código está habilitado.

Abraços,

Juliano Mendes

One Response to “Efeitos Glow”

  1. Recent Links Tagged With "efeitos" - JabberTags Says:

    [...] public links >> efeitos Efeitos Glow Saved by chicodelacalle on Sat 08-11-2008 Marradas com efeitos sonoros, parte 2! Saved by [...]

Leave a Reply

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in