Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > HTML/CSS > Tạo trang 404 cực đẹp bằng HTML5
Tạo trang 404 cực đẹp bằng HTML5
Nguyễn Trung Hiếu
Share Code Web Company 2012

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

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

Related Posts

Tác giả: 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

Leave a comment

Bạn phải Đăng nhập để tham gia bình luận.

https://sharecodeweb.net/?s={search_term_string}

Blog Stats

  • 5.705 hits
%d bloggers like this: