Мерцание в CSS?

Question

[Stanislav Yaroslavtsev]

У меня есть один элемент. Почему в начале перехода он мерцает? Я заметил это только в Chrome. В Firefox всё правильно и всё работает. Как мне убрать это в Chrome?

Comments

[Beeetle]

Закиньте свой код, чтобы вам помогли, так как ничего не понятно)

[Stanislav Yaroslavtsev]

Beeetle, https://codepen.io/StasPROG/pen/YzKjdRP

[Lord_Dantes]

У меня есть один элемент. Почему в начале перехода он мерцает?

Потому-что у вас есть элемент.

Как мне сделать это в Chrome?

Кого мерцание сделать? Сделайте элемент.

Дайте свой код или ссылку на сайт для объективности вопроса и шанс ответа на ваш вопрос увеличится в сто мильйон раз

[Stanislav Yaroslavtsev]

https://codepen.io/StasPROG/pen/YzKjdRP

Answer 1

[Beeetle]

ul li a{
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	text-align: center;
	transform: perspective(0px) rotate(-30deg) skew(25deg) ;
	transition: .5s;
	box-shadow: -20px 20px 10px rgba(0,0,0,.5);
}

perspective задайте значение 0 в у этого элемента