SHKD
@SHKD

Как убрать наследование трансформации для дочернего блока card-wrap?

#design .left-card {
	min-height: 100%;
	padding-top: 300px;
	background-color: #262626;
	transition: 0.5s;
}

#design .left-card:hover {
	transform: scale(1.05);
}

#design .left-card .video {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
	opacity: 0.7;
}

#design .left-card .card-wrap {
	z-index: 11;
}

#design .left-card:after {
	content: '';
	display: flex;
	left: 0;
	position: absolute;
	height: 0%;
	min-width: 100%;
	bottom: 0;
	transition: height 0.5s ease-out;
	background: linear-gradient(to bottom, transparent 0%, #000 100%);
}
  
#design .left-card:hover:after {
	height: 100%;
}
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы