Показать сообщение отдельно
  #2 (permalink)  
Старый 19.04.2017, 12:31
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Black_Star,
А как такой вариант?
$(window).mousemove(function (e) {
            mouse.x = ((e.pageX - doc.w + doc.wC) / (doc.wC / 50));
            mouse.y = ((e.pageY - doc.h + doc.hC) / (doc.hC / 50));

            bl1.css('transform', 'translate(' + mouse.x + 'px, ' + mouse.y + 'px)');
            bl2.css('transform', 'translate(' + (mouse.x * 0.8) + 'px, ' + (mouse.y * 0.8) + 'px)');
            bl3.css('transform', 'translate(' + (mouse.x * 0.6) + 'px, ' + (mouse.y * 0.6) + 'px)');
            bl4.css('transform', 'translate(' + (mouse.x * 0.4) + 'px, ' + (mouse.y * 0.4) + 'px)');

        });

правда, размеры блоков я немного подровнял
.block1
        {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -80px;
            margin-top: -80px;
            background: red;
            width: 160px;
            height: 160px;
        }
        
        .block2
        {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -60px;
            margin-top: -60px;
            background: gold;
            width: 120px;
            height: 120px;
        }
        
        .block3
        {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -40px;
            margin-top: -40px;
            background: pink;
            width: 80px;
            height: 80px;
        }
        
        .block4
        {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -20px;
            margin-top: -20px;
            background: green;
            width: 40px;
            height: 40px;
        }
Ответить с цитированием