CSS Transform свойство не работает в Safari правильно

Question

У меня есть сайт, что я заново проектирование и одна из проблем, которые я имею что когда я использую

#cssmenu ul { 
    -webkit-perspective: 600px; 
    -moz-perspective: 600px; 
    perspective: 600px; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    transform-style: preserve-3d; 
} 

кажется барахлить только в Сафари. Это делает перспективу наклонной. Кто-нибудь знает, почему он это сделает? CSS отлично работает в Chrome, IE и Firefox без проблем.

Для просмотра сайта здесь ссылка. www.offsetprinting.com

Answer 1

стиль преобразования и перспектива должны использоваться в сочетании с свойством transform. Попробуйте что-то вроде этого (добавьте свои значения преобразования):

#cssmenu ul { 
    -webkit-transform: "some value here"; 
    transform: "some value here"; 
    -webkit-perspective: 600px; 
    -moz-perspective: 600px; 
    perspective: 600px; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    transform-style: preserve-3d; 
}