codeinvain

  div {
      height: 100px; width: 100px;
      transform: translate(80px, 80px) scale(1.5, 1.5) rotate(45deg);
  }

codeinvain

div {
    transition-property: opacity;
    transition-duration: 2s;
    opacity:0;
}

codeinvain

  div {
    animation-name: 'diagonal-slide';
    animation-duration: 5s;
    animation-iteration-count: 10;
  }

  @keyframes 'diagonal-slide' {

    from {
      left: 0;

codeinvain

Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\TimeZoneInformation]
"RealTimeIsUniversal"=dword:00000001

codeinvain

div.carMask
{
	position:absolute;	
	-webkit-mask-box-image: url(assets/mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 378px 218px;
	-webkit-mask-background:0xffffff;
	width:378px;
	height:218px;
	opacity:0.3; 

codeinvain

<div>
	<img src="assets/car.png"/>
	<div class="carMask"></div>
</div>

codeinvain

function whipeColor()
{
    var $this = $(this);
    var $mask = $(".carMask");
    $mask.css({"backgroundColor":  $this.css('backgroundColor') });
}

codeinvain

<b2d:SkinnablePhysicsContainer id="physicsContainer" width="640" height="480" backgroundColor="0x222222" x="200" y="30" setBoundries="true" autoStartPhysicsEngine="true" >
	<s:Label color="white" text="This is a label field"  x="0" y="0" fontSize="32"/>	
	<s:Button content="Click me to resize ! " x="50" y="50" click="button1_clickHandler(event)" id="btn"/>
	<mx:Button label="standard MX button" x="100" y="100"/>
	<s:TextInput text="standard text input you can edit me !" x="300" y="300"/>
</b2d:SkinnablePhysicsContainer>

codeinvain

<b2d:SkinnablePhysicsContainer ... yGravity="{yGravitySlider.value}" xGravity="{xGravitySlider.value}" debug="{debugButton.selected}"  >
...
</b2d:SkinnablePhysicsContainer>

codeinvain

<s:HSlider id="xGravitySlider" minimum="-10" maximum="10" value="0" width="170"/>
<s:HSlider id="yGravitySlider" minimum="-10" maximum="10" value="0" width="170"/>
<s:ToggleButton id="debugButton" content="Show Debug" color="0x000000"/>