Tạo trang 404 cực đẹp bằng HTML5

page 404

Bài viết sẽ hướng dẫn các bạn cách tạo ra 1 trang 404 có hiệu ứng giống với tivi bị muỗi của những năm 80 bằng công nghệ HTML5 cực đẹp.

Xem qua demo nhé. Hình ảnh tuy tĩnh nhưng khi các bạn làm xong nó sẽ có hiệu ứng như tivi muỗi hẳn hỏi. ^^
page 404
OK! bắt đầu nào. Đầu tiên là HTML

Tiếp theo là css

Đoạn css trên các bạn cũng chỉ cần để ý tới những đoạn có sử dụng Keyframes, đây là thuộc tính giúp chúng ta có những bức hình động thay vì sử dụng flash hoặc photoshop tạo ảnh động.
Cuối cùng là các mã javascript

Đoạn Js trên sẽ tạo ra hiện tượng nhiễu sóng cho các bạn.
Vậy là xong rồi đó, chúc bạn tạo được những trang 404 như ý.

Bài viết được chia sẻ bởi
Sharecodeweb.com

Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com