Estoy trabajando en Notepad ++ haciendo un control deslizante. Traté de agregar la propiedad de transformación en JavaScript al archivo CSS pero no funciona, el div no se mueve. ¿Alguna sugerencia de por qué? Aquí está mi código HTML:
<!DOCTYPE HTML> <html lang="pl"> <head> <meta charset="utf-8"/> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body > <script type="text/javascript"> document.getElementById("slide").style.transform='translateX(500px)'; </script> <div id="container"> <div id="slide"> <div class="photo" style="background-color:blue"></div> <div class="photo" style="background-color:red"></div> <div class="photo" style="background-color:yellow"></div> <div class="photo" style="background-color:gray"></div> <div class="photo" style="background-color:orange"></div> <div class="photo" style="background-color:blue"></div> </div> </div> </body> </html>y CSS
#container { display:flex; } #slide { display:flex; } .photo { width:450px; height:150px;