Как решить проблему с версткой для safari?

Question

[Kirakami61]

Свойство 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);}
}

но не помогло, стили не применяются.

Comments

[Kirakami61]

MaxKorz: Переворот карточек: на macbook`e передней части карточек вообще нету и текст отображается зеркально, а на винде происходит пересечение двух слоев очень дергано как-то (это все только в safari)

[Андрей]

MaxKorz: а может у него проблема в сетевом фильтре? Он же пишет что у него в сафари загвоздка и она там есть. Вместо знака вопроса в карточках изначально виден зеркальный текст). Если поиграть с z-index то можно добиться нужного результата, но анимация все равно не такая плавная как в хроме.

Answer 1

[DTX]

Modernizr