Olhos rotacionais

eu criei o meu com css e deu certo: Olhos rotacionais

/* CSS */ *{ padding: 0px; margin: 0px; } body{ background-color: rgb(94, 93, 93); } .caixa{ padding: 10px; width: 600px; position: relative; } .Globo_Ocular{ margin: auto; border-radius: 100%; background-color:white; width: 250px; height: 250px; position: absolute; top: 50%; left: 10%; overflow: hidden; } .Globo_Ocular:nth-child(2){ left: 60%; } .Iris_Ocular{ top: 50%; left: 50%; position: absolute; margin: auto; background-color: rgb(0, 0, 0); width: 100px; height: 100px; border-radius: 100px; transform-origin: center center ; } /* JAVASCRIPT */ const Olhos = [...document.querySelectorAll(".Olhos")] let posicao_Y = 0 let posicao_X = 0 const Rotacionar_Olhos=(X,Y)=>{ const C_Radianos = Math.atan2(Y,X) const C_Graus = C_Radianos * 180/ Math.PI Olhos.map((ol)=>{ ol.style.transform= "rotate("+C_Graus+"deg)" }) } window.addEventListener("mousemove", (evt)=>{ posicao_X = evt.clientX posicao_Y = evt.clientY Rotacionar_Olhos(posicao_X,posicao_Y) })

API Rest, Node e Typescript: #01 - Apresentação do curso

API Rest, Node e Typescript

Conteúdo do curso

Praticando um algumas funções da biblioteca MATH em Javascript - Curso de Javascript - Aula 81