Справочник верстальщика

Перемещение(горизонтально)

• Движение блока вправо
• <div class="transform-translate-r">Движение блока вправо</div>

• 
  .transform-translate-r:hover{
  	-webkit-transform:translateX(60px);
  	-moz-transform:translateX(60px);
  	 -ms-transform:translateX(60px);
  	 -o-transform:translateX(60px);
  	transform:translateX(60px);
  	}
  	.transform-translate-r{
  	width:200px;
  	height:100px;
  	background:pink;
  	margin:50px;
  	transition:1s;
  }