Почему в браузере Firefox некорректно отображается данная анимация?

Question

[Владимир Куракин]

Создал вот такую вот карточку. Она должна выезжать из-за правого конца экрана устройства с плавным эффектом. Во всех браузерах всё более менее нормально работает, но не в Firefox. В нём карточка просто ждёт некоторое время, а затем резко появляется в конечной точке без какой либо анимации. Подскажите, пожалуйста, как решить данную проблему.
Вот ссылка на код: https://codepen.io/Voldemar_Kurakin/pen/rNxVqbN

Comments

[Максим]

в Лисе как раз то нормально отображается - в хроме посмотрите

[Rustam Bainazarov]

Такое надо на transform делать.

[Владимир Куракин]

Максим Ленский, в хроме тоже всë хорошо

[Максим]

Владимир Куракин,

[Владимир Куракин]

Максим Ленский, меня интересует именно эффект появления карточки, а не стили внутри неë, их я наладил

[Владимир Куракин]

Рустам Байназаров, что вы имеете ввиду?

[Максим]

Владимир Куракин,

div.plashka.active {
		position:fixed;
		right:50%;
		top:0px;
		width:350px;
		height:350px;
		padding:0 30px;
		margin-right:-175px;
    background-color:#00A03E;
	  border-radius:20px;
	}

Answer 1

[Karpion]

У меня FF'52.9 (из-а W'XP) - нормально выехало. Правда, но мой взгляд - слишком быстро. Попробуйте снизить скорость в десять или даже в сто раз - может, станет понятно, в чём дело.