|
|
|
|
|
by madhato
940 days ago
|
|
<p><label>Scale<br><input id="scale" type="range" value="1" max="2" step=".01" oninput="transformSquare()"></label></p> <p><label>Rotation<br><input id="rotation" type="range" value="0" max="360" oninput="transformSquare()"></label></p> <div id="square" style="width:100px;height:100px;background:gold"></div> <script>
const transformSquare = () => square.style.transform = `scale(${scale.value}) rotate(${rotation.value}deg)`;
transformSquare();
</script> |
|