Bài viết đã được cập nhật vào:
Mẫu 1:
Mẫu Ribbon này thường dùng để gắn vào những box trên website như khóa học …
See the Pen
demo:Pure CSS corner ribbon by Naoya (@nxworld)
on CodePen.
Mẫu 2:
Mẫu Ribbon này thường dùng để gắn vào những box có yếu tố gì đó “MỚI”
See the Pen
CSS Corner Ribbon by CSS-Tricks (@css-tricks)
on CodePen.
Mẫu 3:
Ribbon dạng thẻ nằm ngang!
See the Pen
Ribbon Accordion by Leo (@leo-graf)
on CodePen.
Mẫu 4:
Ribbon dạng băng rôn chào mừng!
See the Pen
CSS Ribbon by CSS-Tricks (@css-tricks)
on CodePen.
Mẫu 5:
Ribbon đứng dạng thẻ Tag
See the Pen
CSS Only Ribbon by Chris Harris (@slim81)
on CodePen.
Mẫu 6:
Ribbon động, Khuyến mãi hoặc giảm giá cho các trang bán hàng!
See the Pen
CSS Animated Ribbon by John Graham (@RobotsPlay)
on CodePen.
Mẫu 7:
Glow Ribbon
See the Pen
The glow ribbon by Manabjyoti Sarma (@manab_27)
on CodePen.
Mẫu 8:
Overlay Ribbon (Animation Down)
See the Pen
Pure CSS3 Overlay Ribbon by Mauritius D’Silva (@mauritiusdsilva)
on CodePen.
Mẫu 9:
Ribbon Menu
See the Pen
CSS3 Ribbon Menu by Steve Belovarich by Steve Belovarich (@steveblue)
on CodePen.
Mẫu 10:
Ribbon dạng huy hiệu
See the Pen
CSS3 Ribbon by Jake Albaugh (@jakealbaugh)
on CodePen.
Mẫu 11:
Ribbon Wrapped Around Ellipse
See the Pen
Ribbon Wrapped Around Ellipse by Melanie Reid (@melonknee614)
on CodePen.
Mẫu 12:
CSS Ribbon with inner border.
See the Pen
CSS Ribbon with inner border. by James Nowland (@jnowland)
on CodePen.
Updating…
Xem nhiều hơn tại đây >>
Hướng dẫn tích hợp HTML/CSS từ CodePen vào website
Chúc các bạn thành công!
