Trong bài viết hôm nay chúng ta sẽ đi vào tìm hiểu các trang 404 được thiết kế đẹp mắt và sáng tạo bằng HTML, CSS và Javascript dành cho website nhé!
Trang 404 Có Ý Nghĩa Là Gì?
Thông thường khi bạn gặp một trang 404 thì nó sẽ chứa các dòng chữ sau HTTP 404, 404 Not Found, 404, 404 Error, Page Not Found, File Not Found, hoặc Server Not Found để biểu thị rằng trang web mà bạn muốn vào không truy cập được. Có nhiều nguyên nhân dẫn tới việc trang bị lỗi 404 là truy cập đến một địa chỉ URL không tồn tại, trang đã được đổi lại thành địa chỉ URL khác... Để hiểu rõ hơn bạn có thể truy cập trang Wikipedia ở đây nhé!
Các 404 Page Template Đẹp Dành Cho Website
404 Page Glitch Effect
Kết quả bạn xem bên dưới nhé!
See the Pen 404 - Glitched out by ZonFire99 (@ZonFire99) on CodePen.
404 Page Bootstrap
Kết quả bạn xem bên dưới nhé!
See the Pen Error 404 Page design BOOTSTRAP by Ahmed (@Ahmed_B_Hameed) on CodePen.
404 Page ParticlesJS
Kết quả bạn xem bên dưới nhé!
See the Pen Error Pages by John Fink (@johnfinkdesign) on CodePen.
404 Page SVG
Kết quả bạn xem bên dưới nhé!
See the Pen 404 error page by Swarup Kumar Kuila (@uiswarup) on CodePen.
404 Page Snow Effect
Kết quả bạn xem bên dưới nhé!
See the Pen Fargo 404 by Nate Watson (@nw) on CodePen.
404 Page HTML CSS
Kết quả bạn xem bên dưới nhé!
See the Pen Error 404: Page not found – 80s hacker theme by Robin Selmer (@robinselmer) on CodePen.
CSS3 404 Page
Kết quả bạn xem bên dưới nhé!
See the Pen Simple Pure CSS3 404 Error Page by Enrico Chiaromonte (@chiaren) on CodePen.
Thiết Kế Trang 404
Kết quả bạn xem bên dưới nhé!
See the Pen Daily UI #008 - 404 Page by Rafaela Lucas (@rafaelavlucas) on CodePen.
404 Page Background CSS Animation
Kết quả bạn xem bên dưới nhé!
See the Pen 404 Error Example #2 by Ricardo Prieto (@ricardpriet) on CodePen.
404 Page Typing Effect
Kết quả bạn xem bên dưới nhé!
See the Pen 404 by Dan Gold (@danielcgold) on CodePen.
404 Page Funny
Kết quả bạn xem bên dưới nhé!
See the Pen 404 page by Naved khan (@Navedkhan012) on CodePen.
404 SVG
Kết quả bạn xem bên dưới nhé!
See the Pen 404 SVG by John Yagiz (@UnfocusedDrive) on CodePen.
404 Page Template
Kết quả bạn xem bên dưới nhé!
See the Pen 404 page by Chris Samuels (@anycircle) on CodePen.
404 Page Beautiful
Kết quả bạn xem bên dưới nhé!
See the Pen 404 Page by Andrew Lawendy (@andrew-lawendy) on CodePen.
404 Page Space
Kết quả bạn xem bên dưới nhé!
See the Pen Space 404 by Jared Rowe (@Jarowe) on CodePen.
404 Page Shadow CSS
Kết quả bạn xem bên dưới nhé!
See the Pen 404 not found page by Rennan (@rennan) on CodePen.
404 Page HTML5 CSS3
Kết quả bạn xem bên dưới nhé!
See the Pen Sassy 404 UI Study by Justin Juno (@justinjunodev) on CodePen.
404 Page SVG Animation
Kết quả bạn xem bên dưới nhé!
See the Pen 404 page by Bidji (@Bidji) on CodePen.
404 Page Javascript Animation
Kết quả bạn xem bên dưới nhé!
See the Pen 404 Particles w/ PixiJS 🔍😎 #CodePenChallenge by Jhey (@jh3y) on CodePen.
CSS 404 Page
Kết quả bạn xem bên dưới nhé!
See the Pen CSS 404 page by agathaco (@agathaco) on CodePen.
Tổng kết:
Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn những thiết kế trang 404 hữu ích dành cho việc phát triển, thiết kế web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!
