I am working in Notepad++ making a slider. I tried to add transform property in JavaScript to CSS file but it doesn't work, the div doesn't move. Any suggestions why? Here's my HTML code:
<!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>
and CSS
#container
{
display:flex;
}
#slide
{
display:flex;
}
.photo
{
width:450px;
height:150px;