Hướng dẫn thêm Image Effects với CSS - Giao diện
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div class="container"> <h2>Freetuts.net hướng dẫn thêm Image Effects</h2> <button onclick="addEffects()" id="btn">Xem hiệu ứng</button> <div> <h3> Grayscale</h3> <img src="https://freetuts.net/upload/tut_post/images/2017/08/02/973/demo.jpg" id="grayscale" alt="car" width="100%" height="50%"> </div> <div> <h3> Blur</h3> <img src="https://freetuts.net/upload/tut_post/images/2017/08/02/973/demo.jpg" id="blur" alt="car" width="100%" height="50%"> </div> </div> </body> </html>
PHÓNG TO