Back to all Elements
I recreated this codepen by @suez in Webflow.
Create the following hierarchy:
<script>
$(document).ready(function() {
var $magic = $(".hover-div"),
magicWHalf = $magic.width() / 2;
$(document).on("mousemove", function(e) {
$magic.css({"left": e.pageX - magicWHalf, "top": e.pageY - magicWHalf});
});
});
</script>
.png)
Whenever possible, use Class Names to target the elements in your interaction. You never know when you'll need to duplicate and use it somewhere else...
A short JavaScript code for transferring a CMS list into an autocomplete on an input field.
Automatically insert the current year to any element with the class of 'year'
).png)
Using JS to scroll a div (menu) to the current link inside.
).png)