w3.css 아이콘 애니메이션 아이콘을 사용하여 애니메이션 효과를 만드는 방법을 알아보자. 배터리 충전 1단계) HTML 추가 <div id=”charging” class=”fa”></div> 2단계) Font Awesome 아이콘 라이브러리 포함 <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> 3단계) JavaScript 추가 <script> function chargebattery() { var a; a = document.getElementById(“charging”); a.innerHTML = “”; setTimeout(function () { a.innerHTML = “”; }, 1000); setTimeout(function () { a.innerHTML = “”; }, 2000); setTimeout(function () { a.innerHTML = “”; }, 3000); setTimeout(function () { a.innerHTML = “”; }, 4000); } chargebattery(); setInterval(chargebattery, 5000); </script> …