squitcher
@squitcher
Верстальщик

Как изменить положение анимации?

Есть блок delorean88.ru/almax/index.html

"Новости", там плашка с :after выезжает слева, а нужно снизу, как переделать ?
spoiler
.image-news:after {
	  transition: 0.9s ease-in-out;
    -webkit-transition: 0.9s ease-in-out;
    -moz-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
	content: attr(data-title);
		position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	top:0
}

.image-news:hover::after {
	content: '';
	background: rgba(0, 0, 0, 0.52) url(../i/news.png) 50% 50% no-repeat;
}
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 1
RTW
@RTW
Форкаю, читаю, употребляю
Добавь в .image-news:after
background: rgba(0, 0, 0, 0.0) url(../i/news.png) 50% 120% no-repeat;
Ответ написан
Ваш ответ на вопрос

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

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