TAG
CSS
JavaScript
Result
Run
License
<input type="checkbox" id="favorite_fruits_apple" name="favorite_fruits" value="apple" /> <label for="favorite_fruits_apple">Apple</label> <input type="checkbox" id="favorite_fruits_banana" name="favorite_fruits" value="banana" /> <label for="favorite_fruits_banana">Banana</label> <input type="checkbox" id="favorite_fruits_carrot" name="favorite_fruits" value="carrot" /> <label for="favorite_fruits_carrot">Carrot</label>
input { transitoin: 0.3s; }
document.addEventListener("DOMContentLoaded", () => { const $aElLabel = document.getElementsByTagName("label"); [...$aElLabel].forEach(elLabel => { elLabel.addEventListener("mouseover", e => { e.currentTarget.control.style.transform = "scale(1.2)"; }); elLabel.addEventListener("mouseout", e => { e.currentTarget.control.style.transform = "scale(1)"; }); }); });
Console
expand_less
License
License
by DevDic
Close