1
1
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-19 23:59:35 +05:30

(refactor): allin1 core-animation is introduced to handle external animations

This commit is contained in:
2023-12-12 21:59:26 +05:30
parent 7efeac3b4d
commit 6d036e4d47
3 changed files with 39 additions and 46 deletions

View File

@@ -110,21 +110,7 @@ require 'core/query_functions.php';
<script type="text/javascript" src="assets/js/preloader-config.js"></script>
<script type="text/javascript" src="assets/js/floatingbar-config.js"></script>
<script type="text/javascript" src="assets/js/keybinding-config.js"></script>
<script type="text/javascript" src="assets/js/core-animation.js"></script>
<script type="text/javascript" src="assets/js/contactform-config.js"></script>
<script type="text/javascript">
const handleOnMouseMove = e => {
const { currentTarget: target } = e;
const rect = target.getBoundingClientRect(),
x = e.clientX - rect.left,
y = e.clientY - rect.top;
target.style.setProperty("--mouse-x",`${x}px`);
target.style.setProperty("--mouse-y",`${y}px`);
}
for(const card of document.querySelectorAll(".hoverAnimatedContainer")){
card.onmousemove = e => handleOnMouseMove(e);
}
</script>
</body>
</html>