Skip to content

Instantly share code, notes, and snippets.

@DevShahidul

DevShahidul/Roated Element when scroll.js

Last active June 13, 2018 05:03
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save DevShahidul/28d951a0522de3fb961fba4c5338ec27 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save DevShahidul/28d951a0522de3fb961fba4c5338ec27 to your computer and use it in GitHub Desktop.
Download ZIP
See example here >>> https://codepen.io/dudleystorey/pen/vHBAE and http://thenewcode.com/718/Rotating-Elements-With-Page-Scroll-In-JQuery of find in our LAM project which we did (Jun - 2018)
Raw
Roated Element when scroll.js
$(window).scroll(function() {
var theta = $(window).scrollTop() / 800 % Math.PI;
$('#leftgear').css({ transform: 'rotate(' + theta + 'rad)' });
$('#rightgear').css({ transform: 'rotate(-' + theta + 'rad)' });
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment