variabili js e css

[Kernus]

buonasera.. mi chiedevo se posso inserire delle variabili random da js all'interno dei valori css:

esempio
io ho questo comando css

//text-shadow: 0px 0px 5 px red


e vrrei sostituirlo con

//text-shadow: 0px 0px (nome variabile js)px red


posso farlo? se si come?

o devo utilizzare i less.js css?

[Al_katraz984]

a che pro?

[tampertools]

(Non testato)

document.getElementById("elemento_a_cui_applichi_lo_stile").style.textShadow = "0px 0px " + nome_variabile_js + "px red";

@Al_katraz984 ogni tanto capire il perché di una scelta può essere scioccante

[Kernus]

proverò... grazie comunque per il consiglio...

il pro ? molto semplice: con l'effetto shadow oltre a creare le classiche ombre , possiamo creare degli effetti neon, tridimensonali, o addirittura con il multi shadow possiamo creare l'effetto "infuocato" su una scritta..
effetti bellissimi da vedere.. ma comunque statici.. il mio obbiettivo era creare un js che interagisse con il css.. creando appunto delle animazioni su un effetto neon (shadow) applicato alla scritta con dei valori random gestiti da css.. molto più comodo ed elegante che fare un gif sicuramente più pesante di un js e css insieme