Tạo button cho trang web bằng CSS3

Hiện tại, vì công việc quá bận rộn nên mình không còn thời gian để post bài và duy trì nội dung cho blog nữa. Do đó tại thời điểm này, mình quyết định ngừng phát triển blog. Mọi bài viết sẽ vẫn được lưu trữ và mình sẽ cố gắng hỗ trợ tất cả các bạn khi có comment hỏi. Cảm ơn các bạn đã ủng hộ blog suốt thời gian qua !

Chào mọi người, với sự phát triển bùng nổ của HTML5 và CSS3 mọi thiết kế hiện nay đều sử dụng, bởi sự tối ưu và đẹp. Hôm nay mình muốn chia sẻ một thư viện button CSS3 rất phong cách và đang dạng về kích thước cũng như màu sắc.

Sử dụng button bằng CSS3 được lợi là load nhẹ nhàng hơn so với button băng hình ảnh, hover đẹp tạo ra được nhiều hình dạng button một cách dễ dàng, hỗ trợ bo góc, bóng đổ, ẩn hiện, màu đậm nhạt … và rất nhiều thuộc tính khác.

Trong thư viện button CSS3 sau đây bao gồm các phần sau:

Call to action buttons
Bao gồm các dạng như:

CSS3 Call to Action Buttons
CSS3 Call to Action Buttons with Thick Arrows
CSS3 Call to Action Buttons with Thick Arrows to Right Direction ở hai dạng without border và with border.

Buttons with triangular arrow

Bao gồm các dạng như:
CSS3 Large Buttons with Thin Arrows
CSS3 Medium Sized Buttons with Big Triangular Arrows
CSS3 Medium buttons with Small Triangular Arrows on Circular Backgrounds
CSS3 Medium Sized Buttons with Small Triangular Arrows
CSS3 Standard Sized Buttons with Big Triangular Arrows
CSS3 Standard Buttons with Small Triangualar Arrows having Circular Backgrounds
Tiny Buttons with Small Triangular Arrows

Các button đa dạng từ nhỏ đến lớn, từ có viền hay không viền, bóng đổ background ….

Normal buttons CSS3

Dạng button này được sử dung nhiều nhất vì tính đơn giản, phù hợp với nhiều ngữ cảnh mà sắc khác nhau, bao gồm các dạng như:
CSS3 Extra-large Buttons
CSS3 Large Buttons
CSS3 Medium Sized Buttons
CSS3 Small Buttons
CSS3 Standard Buttons
CSS3 Tiny buttons.

Kết luận: Trong bộ sưu tập đây còn có rất nhiều biến thể khác nữa của button CSS3, mong là sẽ phù hợp với các bạn! Chúc mọi người thành công!

https://www.kleii.com/f/5071064e882567167a002227
http://www.mediafire.com/?4ktuti0p62p05ei

Nguồn: bcdonline.net