Tootall

Thx @OSUblake and @Dipscom for your help and patience! Quess i need to learn alot more about Greensock and effects.

@Dipscom The blocks with the custom cursors are almost done! But im getting the following bug when i tried to get the same effect on a slider. I'm trying to get the custom cursor over a slider. (the slider works with mouse drag or button clicks). When i hover the red part the cursor goes back to the beginning and the whole effect is weird. I think its because the slider uses css with transform / translate etc.

@DipscomHere i am once again It works great on my own created divs, but now i am trying to build my website on Wordpress. Im trying to show 4 news posts (with each the follow div in it). The problem is that now all 4 news posts get the class parent parent1: <?php $args = array( 'post_type' => 'news', 'posts_per_page' => 4, ); $preview = new WP_Query($args); ?> <?php if ( $preview->have_posts() ) : while($preview->have_posts() ) : $preview->the_post(); ?> <div class="newsPost"> <div class="imageHolder parent parent1"> <div class="image" style="background-image: url('<?php the_field('news_image'); ?>');"></div> <div class="follower arrow"></div> </div> </div> <?php endwhile; endif; wp_reset_postdata(); ?> Is there a way to automatically generate the parent selector? I thought something like this: parent parent-<?php echo $i++; ?> But i dont know how to let this work with the Jquery you provided. For example on my news overview page im showing like 20 posts, and every week there is a new post.

@Dipscom Thank you very much! This is exactly what i needed.

Hi all! Wow you guys are great! One more question: Is it possible to get this function on multiple divs on a page? Example: Div 1 (mouse follower is red) Div 2 (mouse follower is blue) Because in all your examples when i copy the div (with the mouse follow) the effect is on the both divs. Thanks in advance!

Hello, Im new with GreenSock and i can use some help. Im trying to get a custom cursor/div follow mouse on specific divs (on hover). Like this one: https://www.mattersmost.nl/werk/herpositionering-simon-levelt/ (top part & bottom part (on employees) I've tried to play with the following CodePen (https://codepen.io/anon/pen/QQOmwW) but that one just works on the whole body. When i try to set the code on a specific div its not responsive & and i cant use it on other divs on the same page. Does anyone know where to start?