Saw Phil LaPier's excellent page animations on Dribbble. He mentioned that he created it with his excellent SASS library, Bourbon. So I had to give it a shot.
A Pen by Michael Lee on CodePen.
# | |
# Mac Files and temporary | |
# | |
.DS_Store | |
*~ | |
*.swp | |
# | |
# SASS |
turnLeft() | |
transform: rotateY(-180deg) | |
turnRight() | |
transform: rotateY(180deg) | |
.animation-container | |
perspective: 1000 | |
.container-to-animate |
// load jquery maybe | |
app = { | |
elements: {}, | |
jsLibs: { | |
jquery: '//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js', | |
googleapis: 'https://maps.googleapis.com/maps/api/js?sensor=false&callback=app.init&libraries=geometry,places' | |
}, | |
latLng: {} | |
}; |
var scene = document.querySelector('.widget-scene-canvas'); | |
x = document.body.scrollWidth/2 | |
y = document.body.scrollHeight/2, | |
scrollCnt = 0; | |
setInterval(function() { | |
var scrollEvt = document.createEvent("WheelEvent"); | |
scrollCnt++; | |
Saw Phil LaPier's excellent page animations on Dribbble. He mentioned that he created it with his excellent SASS library, Bourbon. So I had to give it a shot.
A Pen by Michael Lee on CodePen.