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

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)'});
  • Вопрос задан
  • 2887 просмотров
Подписаться 4 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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