Свойство transform: rotate работает очень странно, с различными артефактами. Думаю, что проблема со свойством transform, но в этом не уверен. Делаю эффект переворота карточек (
https://webinar.ablethink.ru) в chrome и других браузерах, кроме safari все нормально. Как это фиксить? Еще есть вариант прописать другие свойства только для Safari, но как это сделать, что бы хром на них не реагировал? Пробовал прописывать так:
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,.flipcard.h:hover .front, .flipcard.h.flip .front{
transform: rotateY(0deg);}
}
но не помогло, стили не применяются.
Простой
