Trang chủ Lập trình Javascript - HTML Tạo hiệu ứng nút lắc bằng CSS

Tạo hiệu ứng nút lắc bằng CSS

Một nút bấm có hiệu ứng sẽ gây chú ý hơn cho người truy cập tăng hiệu quả chuyển đổi. Bài viết này sẽ hướng dẫn bạn cách tạo 1 nút bấm với hiệu ứng lắc.

Rất đơn giản. Đầu tiên tạo đoạn mã CSS như sau:

Vậy là xong rồi đó. Giờ bạn muốn nút nào lắc thì cứ thêm lớp (class) btn-shake này vào là được.

Huỳnh Mai Anh Kiệt

- Advertisement -
Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

BÀI VIẾT MỚI

Hướng dẫn khai báo thuế TNCN trực tuyến cho cá nhân mảng kinh doanh nội dung số

Mình là 1 freelancer kiểu kiếm tiền trực tuyến mà được ngành thuế đưa vào mảng cá nhân kinh doanh nội dung số. Nếu...

Bột ngọt Vị Hương Tố – Thương hiệu bột ngọt nổi tiếng trước 75 và ly kỳ chuyện “châu chấu đá xe”

Hai nhãn hiệu Ajinomoto và Vedan có mặt tại Việt Nam vào thập niên 1950, đã chiếm lĩnh toàn bộ thị trường trong nước....

Pixel 6, chiếc điện thoại sắp ra mắt của Google

Nổi tiếng với danh hiệu "cha đẻ của hệ điều hành Android", nhưng ít ai biết Google cũng sở hữu cho mình một dòng...

Chụp ảnh nguyên trang web với công cụ trực tuyến Site-Shot

Ngày nay có rất nhiều công cụ giúp bạn chụp ảnh màn hình và trong số đó cũng có nhiều công cụ hỗ trợ...

Cách tạo thanh thông báo trượt trên đầu trang web Shopify

Thông báo trên đầu trang (announcement bar) là vị trí cũng như giải pháp tốt nhất để truyền tải thông điệp đến khách truy...

BẠN XEM CHƯA

Battlefield 3 – Chiến tranh tổng lực

Battlefield 3 là phiên bản nối tiếp của series game bắn súng Battlefield. Battlefield 3 được phát triển hơn các phiên bản trước về mặc...

Raspberry Pi – Siêu nhân tý hon

Raspberry Pi là một chiếc máy tính nhỏ bằng chiếc card visit được phát triển bởi Quỹ Raspberry Pi phát triển với mục đích...

Đời ngắn lắm

Đời ngắn lắm cầm tay nhau chưa đủ Nói làm chi lời chia cách vực sâu, Hắt hơi thở là tạ từ cuộc lữ Dẫu muốn tìm,...

Tìm thông tin chủ nhân của một địa chỉ email

Bạn nhận được email tự một địa chỉ email lạ mà bạn chưa từng liên lạc trước đó. Bạn muốn tìm hiểu thông tin...

Google Chrome sẽ ngưng hỗ trợ cho các phiên bản hệ điều hành cũ

Nếu bạn đang sử dụng trình duyệt Google Chrome trên máy tính chạy các phiên bản hệ điều hành cũ như Windows XP hoặc...