Skip to content
Snippets Groups Projects
Commit 4a540dfa authored by Ashrith Sagar Yedlapalli's avatar Ashrith Sagar Yedlapalli :speech_balloon:
Browse files

c0.1.123 Fish eye Formatted

parent 1e501058
No related branches found
No related tags found
No related merge requests found
......@@ -70,21 +70,22 @@ hiddenElements.forEach((element) => observer.observe(element));
// Proximity Hover effect
// On Fish eyes in Description page
const eyes = document.getElementById('fishEye')
const anchor = document.getElementById('fishBody')
const rekt = anchor.getBoundingClientRect();
const anchorX = rekt.left + rekt.width / 2;
const anchorY = rekt.top + rekt.height / 2;
try {
document.addEventListener('mousemove', (e) => {
const mouseX = e.clientX;
const mouseY = e.clientY;
document.addEventListener('mousemove', (e) => {
const mouseX = e.clientX;
const mouseY = e.clientY;
const anchor = document.getElementById('fishBody')
const rekt = anchor.getBoundingClientRect();
const anchorX = rekt.left + rekt.width / 2;
const anchorY = rekt.top + rekt.height / 2;
const angleDeg = angle(mouseX, mouseY, anchorX, anchorY);
const angleDeg = angle(mouseX, mouseY, anchorX, anchorY);
const eye = document.getElementById('fishEye')
eye.style.transform = `rotate(${90 + angleDeg}deg)`
});
const eye = document.getElementById('fishEye')
eye.style.transform = `rotate(${60 + angleDeg}deg)`
});
} catch (error) { }
function angle(cx, cy, ex, ey) {
const dy = ey - cy;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment