WordPress Elementor + CSS will add good working features for your WordPress website. Whether you’re creating a website, a blog, or a store – you’ll find yourself in a situation where you’ll need to display images that can be rotate when scrolling through a page. Well, after testing out Elementor Pro plugin I found that it has the capability to rotate the image as the user scrolls down, allowing you to create an image gallery with ease. In the attached YouTube tutorial.
YouTube tutorial will be available soon.
Use the attached code to add the feature to your WordPress website:
CSS code
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
var $image = $('.img');
var $win = $(window);
$win.on('scroll',function(){
var speed =0.5;
var top = $win.scrollTop()*speed;
$image.css('transform','rotate('+top+'deg)');
});
</script>
copy and paste the code
You can also learn how to create Elementor team member with cool hover effect :
[…] You may also like to learn how to create a rotating image on scroll with Elementor […]