Hướng dẫn tạo hiệu ứng animations với javascript - Giao diện
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> .container { width: 500px; margin: auto; text-align: center; } #myContainer { width: 400px; height: 400px; margin: auto; position: relative; background: #222222; } #myAnimation { width: 50px; height: 50px; position: absolute; background-color: #FF0000; } #btn { width: 150px; height: 40px; margin: 20px; } </style> </head> <body> <div class="container"> <h2>Freetuts.net hướng dẫn tạo hiệu ứng Animation</h2> <button id="btn" onclick="myMove()">Xem kết quả</button> <div id ="myContainer"> <div id ="myAnimation"></div> </div> </div> </body> </html>
PHÓNG TO