Sử dụng button CSS3 by Codecanyon

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.

Lúc trước muốn tạo ra button ta phải vẽ rất cự khổ và công phu bây giờ chỉ vài dòng CSS là đã tạo được một button với màu sắc đẹp và đa hình.

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.
CSS3 Call to Action Buttons

CSS3 Call to Action Buttons

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 ….

Medium Sized Buttons CSS3 with Small Triangular Arrows

Medium Sized Buttons CSS3 with Small Triangular Arrows

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.
Normal buttons CSS3

Normal buttons CSS3

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!

Download Button CSS3 tại đây!

VN:F [1.9.22_1171]
Rating: 9.7/10 (6 votes cast)
Sử dụng button CSS3 by Codecanyon, 9.7 out of 10 based on 6 ratings
Share This