Главная > CSS > Выезжание блока transition

Выезжание блока transition

Пример на LESS

.transition(@transition){
	-webkit-transition:@transition;
	-moz-transition:@transition;
	-o-transition:@transition;
	transition:@transition;
}
.type{
	width:299px;
	.type_photo{
		height:299px;
		position:relative;
		overflow:hidden;
		.type_photo_hover{
			.transition(top 0.4s ease-out 0.2s);
			display:block;
			width:100%;
			height:299px;
			position:absolute;
			top:299px;
			left:0px;
			background:@color_blue;
		}
	}
	&:hover{
		.type_photo{
			.type_photo_hover{
				top:0px;
			}
		}
	}
}
Categories: CSS Tags: ,
  1. Пока что нет комментариев.
Похожие публикации