Ngày hôm nay chúng ta sẽ cùng nhau đi vào tìm hiểu các ví dụ bảng thông báo hữu ích dành cho thiết kế và phát triển website nha. Kết quả bạn xem bên dưới nha. See the Pen alert message by Swarup Kumar Kuila (@uiswarup) on CodePen. Simple Confirmation PopupKết quả bạn xem bên dưới nha. See the Pen Simple Confirmation Popup by Adventures in Missions (@adventuresinmissions) on CodePen. Alert CSS BootstrapKết quả bạn xem bên dưới nha. See the Pen Daily UI#011 | Flash Message (Error/Success) by Julie Park (@juliepark) on CodePen. Alert JavaScriptKết quả bạn xem bên dưới nha. See the Pen Popup: Nightly by Ionic (@ionic) on CodePen. Customize Javascript Alert Box CssKết quả bạn xem bên dưới nha. See the Pen Notifications, Alerts, Modals by DevTips (@devtips) on CodePen. Spoiler AlertKết quả bạn xem bên dưới nha. See the Pen Spoiler Alert by Will Boyd (@lonekorean) on CodePen. SweetAlert2Kết quả bạn xem bên dưới nha. See the Pen SweetAlert2 by Rio Dwi Prabowo (@riyos94) on CodePen. UI - Material Design AlertsKết quả bạn xem bên dưới nha. See the Pen UI -Material Design alerts by Renan Pupin (@renanpupin) on CodePen. Notification Animation CssKết quả bạn xem bên dưới nha. See the Pen Animated Dismissible Banners by Ben Brookes (@brookesb91) on CodePen. Jquery Toast PluginKết quả bạn xem bên dưới nha. See the Pen Alert by Jonni Aaltonen (@Aladini) on CodePen. Simple Flat AlertsKết quả bạn xem bên dưới nha. See the Pen Flat UI Alert by Brock Nunn (@banunn) on CodePen. Success Và Error AlertKết quả bạn xem bên dưới nha. See the Pen Success + Error alert (DailyUI 011) by Nate Watson (@nw) on CodePen. Notification AnimationKết quả bạn xem bên dưới nha. See the Pen Notification Animation by Simeon Simeonoff (@simeonoff) on CodePen. Popup Scroll NotificationKết quả bạn xem bên dưới nha. See the Pen Popup Scroll Notification by Zeinab Abounassif (@zeinab92) on CodePen. CSS Notification BoxesKết quả bạn xem bên dưới nha. See the Pen CSS Notification Boxes by Michael Wales (@walesmd) on CodePen. Css Notification BannerKết quả bạn xem bên dưới nha. See the Pen Pulsing Notification by Derek Wheelden (@frxnz) on CodePen. CSS Animated Web NotificationKết quả bạn xem bên dưới nha. See the Pen CSS Animated Web Notification by Maeve (@vcmg) on CodePen. Html AlertKết quả bạn xem bên dưới nha. See the Pen Notifications by Hampus Persson (@hmps) on CodePen. Css Notification StylesKết quả bạn xem bên dưới nha. See the Pen CSS/LESS notification styles by Tuomas Pöyry (@Munkkeli) on CodePen. CSS-only Notifications ComponentKết quả bạn xem bên dưới nha. See the Pen CSS-only Notifications Component by Damián Muti (@damianmuti) on CodePen. Html Notification PopupKết quả bạn xem bên dưới nha. See the Pen Toast Messages + Remove Animation by Veronica (@veronicadev) on CodePen. Custom Alert HTML CSS JSKết quả bạn xem bên dưới nha. See the Pen 🍞 TOASTS 🍞 by Ryan Trimble (@mrtrimble) on CodePen. Message AlertsKết quả bạn xem bên dưới nha. See the Pen Message Alerts - E2E by Tom Tran (@banhaclong20) on CodePen. Vanilla JS Responsive Message BoxKết quả bạn xem bên dưới nha. See the Pen Vanilla JS Responsive Message Box with Javascript Class by Takane Ichinose (@takaneichinose) on CodePen. Bootstrap 4 Alert Message CardBootstrap NotificationBootstrap Simple Success Confirmation PopupMếu bạn muốn tham khảo thêm các ví dụ alert thì truy cập đường dẫn bên dưới
nha. Tổng kết:Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn các ví dụ thiết kế alert, notification 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ẻ! |