Đối với nhiều trang web bán hàng, blog... thì component đánh giá được xem là một yếu tố cực kỳ quan trọng giúp người dùng biết được chất lượng của từng sản phẩm một cách dễ dàng từ đó đưa ra quyết định nên mua hay không trên trang web của bạn. Hôm nay mình sẽ giới thiệu đến bạn các component đánh giá được thiết kế đẹp mắt với nhiều tính năng thú vị nhằm tăng trải nghiệm người dùng khi review sản phẩm, bài viết... Nào bây giờ bạn hãy cùng mình đi vào tìm hiểu nhé!
See the Pen 5* HOVER by Yusuf Bakır (@yusufbkr) on CodePen.
See the Pen stars & heart rating by Crystal (@s_crystal) on CodePen.
See the Pen Star rating by Giel Berkers (@kanduvisla) on CodePen.
See the Pen Rating in pure HTML5/CSS3 by Khoné Vongsouthi (@khone-vongsouthi) on CodePen.
See the Pen How Are You? by Ryan Mulligan (@hexagoncircle) on CodePen.
See the Pen Rate star buttons (pure css) by Valeriia (@wwwebneko) on CodePen.
See the Pen Google Play rating histogram by Brian Phillips (@bphillips201) on CodePen.
See the Pen Rating Stars with simple jQuery by Deepak Kamat (@depy) on CodePen.
See the Pen Percentage Based Star Rating With Font Awesome by Filcp (@filcp) on CodePen.
See the Pen simple star rating by Mert Cukuren (@knyttneve) on CodePen.
See the Pen Alien Rating Control by Darin (@dsenneff) on CodePen.
See the Pen Rating Slider by Aaron Iker (@aaroniker) on CodePen.
See the Pen Standalone SVG CSS-only star rating component by Damián Muti (@damianmuti) on CodePen.
See the Pen Smiley Rating System (Custom Radio Buttons CSS) by Philip (@wiseoldman) on CodePen.
See the Pen Survey Concept by 321zeno (@321zeno) on CodePen.
See the Pen Rating System (CSS Only) by Elton Kamami (@eltonkamami) on CodePen.
See the Pen Emoji rating by Bennett Feely (@bennettfeely) on CodePen.
See the Pen Star Rating Animation by Roxy (@roxy225) on CodePen.
See the Pen Pure CSS 5-Star Rating by Andrea Crawford (@andreacrawford) 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 csnippet đánh giá 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ẻ!