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.