Задать вопрос
@Barrakuda74
css

Почему transform3d искажает ссылку в Chrome?

При наведении на ссылку она становится тусклой в chrome. Почему?
619bfedf95968966738560.gif
Причём при наведении на эту ссылку потускнеет не только она, а вообще все ссылки на странице.

В других браузерах нормально.

https://jsfiddle.net/1jhynwsr/

<!DOCTYPE html>
<html>
<head>
<style>
	body {background-color:#0a0a0a;}
	a {color:#ff05fa;}
	a::before {
		background:orange;
		content:'';
		left:0;
		height:20px;
		width:10px;
		position:absolute;
		z-index:-1;
		/*display:none;*/
		transform: translate3d(-100%, 0, 0);
	}
	a:hover::before {transform: translate3d(0, 0, 0);}
</style>
</head>

<body>
	<a href="#">СсылкаЙЙЙЙЙЙЙЙЙЙЙ</a>
</body>
</html>
  • Вопрос задан
  • 66 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend разработчик
Базис-Центр • Коломна
от 30 000 до 70 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Скрипт по автоопределению языка + перевод | Python
02 мая 2024, в 13:19
1500 руб./в час
Необходимо доделать сайт
02 мая 2024, в 13:10
1000 руб./в час
Собрать образ Ubuntu + RedOS для платы на RK3588
02 мая 2024, в 13:09
250000 руб./за проект
Ещё заказы