Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Jan 28, 2024. It is now read-only.
/arparallax.jsPublic archive

ArParallax.js is a lightweight customizable jQuery plugin which utilizes CSS3 3D transforms to create a smooth parallax effect on your images when scrolling down or up

License

NotificationsYou must be signed in to change notification settings

rodzyk/arparallax.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ArParallax.js is a lightweight customizable jQuery plugin which utilizes CSS3 3D transforms to create a smooth parallaxeffect on your images when scrolling down or up.Demo page

Installation

Download and include arparallax.min.js in your document after including jQuery.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script src="js/arparallax.min.js"></script>

Useage

HTML

<div><div><!-- image or video --></div></div>

JS

$('.arparallax').arparallax();

Options

Nametypedefaultdescription
speedfloat0.32The speed at which the parallax effect runs.0.0 means the image will appear fixed in place, and1.0 the image will flow at the same speed as the page content.
imageContainerjQuery Selector.imageContainerThe parallax fx will be prepended into this container.
blurstringautoYou can provide the blur effect for your image.
Values:auto |both |up |bottom |none.
blurMultipliernumber1You can specify a multiplier for the blur effect.
scaleMultipliernumber0.05You can specify a multiplier for the scale effect.
0for disable effect.
depthstringdirectYou can provide the perspective for your image.
Values:direct |reverse |none.

About

ArParallax.js is a lightweight customizable jQuery plugin which utilizes CSS3 3D transforms to create a smooth parallax effect on your images when scrolling down or up

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp