Какое css свойство здесь не поддерживается, что у монетки нету краев?

Question

[olezhenka]

Понравилась эта анимация вращения монетки - https://codepen.io/n0rmand0/pen/qVrMeG
Но почему-то в firefox не работают края монетки :(
Выглядит все вот так:

Хотя в гугле с пк все норм.

С телефона в гугле все еще более странно - сначала краи показываются, но когда монетка повернулась уже на 180 градусов - краи исчезают

Мб кто-то подскажет что может не воркать воркать или неправильно? Просто этих краев просто напросто нет и сложно понять.

Answer 1

[Фёдор Гребенников]

Проблема в этой строке, почему-то Crome и Firefox по разному этот поворот обрабатывают,
в результате в лисе элемент поворачивается так, что как бы "схлопывается" от наблюдателя.
Поставьте там 85%, сразу поймете, о чем говорю.
Как исправить - хз, нет особо времени ковыряться в этом странном поведении



P.S. вообще, я бы такие "плюшки" подальше от рабочих проектов держал, они разве что на эксперименты годятся, чтобы подивиться мощностью css-трансформаций. Имхо.

Comments

[olezhenka]

Решением оказался последний ваш абзац))