7 086 Скрипты / Parallax

Параллакс эффект


Очень интересный эффект имеющий название - эффект параллакса. При движении курсора по экрану движутся и листья, создающие эффект объема, так как перемещаются они в трех параллельных плоскостях.

JS

$('body').parallax({
    'elements': [
    {
      'selector': 'body',
      'properties': {
        'x': {
          'background-position-x': {
            'initial': 0,
            'multiplier': 0.1,
            'invert': true
          }
        }
      }
    },
    {
      'selector': 'div.outer',
      'properties': {
        'x': {
          'background-position-x': {
            'initial': 50,
            'multiplier': 0.02,
            'unit': '%'
          }
        }
      }
    },
    {
      'selector': 'div.inner',
      'properties': {
        'x': {
          'background-position-x': {
            'initial': 0,
            'multiplier': 0.3
          }
        }
      }
    }
    ]
});
Скачать 2992Загрузок 103,9 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи