[Div follow mouse]

Thx @OSUblake and @Dipscom for your help and patience!

 

Quess i need to learn alot more about Greensock and effects.

 

 

[Div follow mouse]

@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.

See the Pen QQQOWY by Tootal (@Tootal) on CodePen

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.

 

[Div follow mouse]

@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.


 

[Div follow mouse]

@Dipscom Thank you very much!

 

This is exactly what i needed.

[Div follow mouse]

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!

 

[Div follow mouse]

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 ()

 

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?
 

See the Pen QQOmwW by anon (@anon) on CodePen