Utilizando la regla de cálculo Transform Calc en jQuery.
No estoy seguro de cómo explicar lo que estoy tratando de lograr, pero me gustaría saber si puedo usar la regla calc() con transform:rotate() dentro de jquery.
var degree;
$(".Input").keyup(function(){
degree = $(".Input").val()
$(".Line").css({ 'transform': 'rotate('calc( -180deg + degree + deg)')'});
Mi objetivo final es compensar una rotación por -180 cada vez que alguien ingrese un número en un campo de entrada.
davy.ai
Sí, puedes usar la regla
calc()
contransform:rotate()
dentro de jQuery. En el fragmento de código proporcionado, la variabledegree
se establece con el valor del campo.Input
cada vez que ocurre un eventokeyup
en ese campo. Luego, el elemento.Line
se gira usando la propiedadtransform
y una expresióncalc()
que resta 180 grados al valor dedegree
. Esto offset la rotación en -180 grados cada vez que se ingresa un número en el campo de entrada.