Задать вопрос

Firefox тормозит при отображении 3d css элементов?

Имеется блок (id="universe"), на котором расположено 50 объемных кубиков (6 div'ов , образующих с помощью css куб). При помощи jQuery отслеживается положение мыши и производится поворот блока universe на определенный угол. Во всех браузерах, кроме firefox, данная анимация ведет себя стабильно. Возможно ли как-то решить проблему тормозов?

var universe = $('#universe');
$ycenter = universe.height()/2;
$xcenter = universe.width()/2;
$("body").mousemove(function(e) {  
		universe.css({'-moz-transform':'rotatex(' + (e.pageY - $ycenter)/20 + 'deg) rotatey(' + (e.pageX - $xcenter)/20 + 'deg)', '-webkit-transform':'rotatex(' + (e.pageY - $ycenter)/20 + 'deg) rotatey(' + (e.pageX - $xcenter)/20 + 'deg)', 'transform':'rotatex(' + (e.pageY - $ycenter)/20 + 'deg) rotatey(' + (e.pageX - $xcenter)/20 + 'deg)'});
  • Вопрос задан
  • 2894 просмотра
Подписаться 4 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы