3 MẪU BUTTON VỚI HIỆU ỨNG ĐẸP MẮT BẰNG CSS3

Những mẫu button đẹp và hiệu ứng đầy sáng tạo sẽ kích thích người dùng nhấp chuột vào. Đây là một trong những thành phần rất quan trọng trong các mẫu thiết kế web cũng như tạo giao diện thân thiện với người dùng.Trong bài viết này, mình sẽ chia sẻ cho các bạn 3 mẫu button sẽ giúp các bạn có thêm ý tưởng cũng như có thể áp dụng chúng vào trong website của các bạn.

HTML

Demo

Như thường lệ, chúng ta chèn khai báo font Awesome để tạo icon.

Cấu trúc html của cả 3 button đều giống nhau như sau :

CSS

Mỗi kiểu sẽ có những hiệu ứng được định dạng với đoạn css bên dưới.

Chúc các bạn thành công !

Please follow and like us:

Leave Comment

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *