Make Eyes Follow the Cursor
First paste the following script tag into your Custom HTML:
<script src="https://static.cargo.site/scripts/loader.js" data-name="eyeroll"></script>
Then add your eye images to a page, select one of them, click the Image Options button in the Formatting Toolbar, and type
#eye
in the Caption field. Do the same with the other eye.To change the speed and range of rotatation, add the
range
and/or rollspeed
attributes:#eye range:0.8
#eye rollspeed:0.4
These values can be a decimal from 0 – 1.You can also add
#eye
to non-image elements by adding a “data-caption” via Code View:<h2 data-caption="#eye rollspeed:0.4">This element will rotate towards the cursor</h2>