Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
css
 
 
 
 
js
 
 
 
 
 
 

README.md

Parallax Example

Trevor Rapp

banneriv 1

parallax

This is a simple project that I did to try and experiment with something that fascinated me--using parallax to create the appearance of interaction in a three dimensional environment (think x, y, z axis).

Description:


The parallax effect assigns x, y, and z values to separate graphic elements and then calculates actions and movement in response to the movement of the mouse or to the tilt of the tablet if you are on a tablet or phone with an accelerometer.

I used the parallax.js library from Matthew Wagerfield for the javascript. Therefore I cannot take credit for the logic that controls the motion.

Project demonstrates the following:


  • Ability to teach myself interests outside of formal instruction.
  • Integration of Photoshop layers and images in wireframing.
  • Create a custom logo in Photoshop.
  • Created the custom CSS using CSS3.
  • Integration of JavaScript libraries.
  • Use of HTML5.
  • Accomplish a goal I didn't think I'd be able to do when I began the course.
  • All art assets created by myself in Photoshop.

Project published at:


parrallax-example

More Information:


*For more information see my [Portfolio] (), Webpage,LinkedIn, Blog, or return to my Github

About

A project that I created to try and experiment with parallax

Resources

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.