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 tạo bộ đếm lùi thời gian bằng JavaScript

Mới đó mà đã gần nửa năm 2021 trôi qua. Tình hình dịch bệnh COVID-19 cũng chẳng mấy khả quan. Nhưng vẫn cứ hy...

Hướng dẫn tạo hiệu ứng mưa rơi trên trang web với JavaScript

Quy Nhơn chớm bước vào mùa hè với nắng nóng. Những lúc thế này tự nhiên lại thèm những cơn mưa để giải tỏa...

Instagram ra mắt tính năng tạo chú thích tự động cho Stories và Reels

Tiếp bước TikTok, Instagram hiện cũng đã ra mắt tính năng tạo chú thích (caption) tự động của riêng mình. Tính năng mới này đã...

Facebook đã chính thức cập nhật tính năng “bong bóng chat” trên iPhone

Mới đây, Facebook đã chính thức cập nhật tính năng Chat Heads (hay còn gọi là bong bóng chat) trên iPhone, cho phép người...

Facebook Workplace đạt mốc 7 triệu người dùng trả phí

Vào thứ Ba vừa rồi, Facebook vừa mới thông báo ứng dụng Facebook Workplace của họ tính cho tới thời điểm hiện tại đã...

BẠN XEM CHƯA

Đổi tên fanpage Facebook

Trước đây, bạn đã lập một fanpage trên Facebook và đã chọn tên miền phụ từ Facebook. Nay vì một lý do nào đó...

Instagram ra mắt tính năng tạo chú thích tự động cho Stories và Reels

Tiếp bước TikTok, Instagram hiện cũng đã ra mắt tính năng tạo chú thích (caption) tự động của riêng mình. Tính năng mới này đã...

Hướng dẫn tạo bộ nhớ cache đơn giản cho trang web trong PHP

Bộ nhớ cache giúp tối ưu hóa hiệu năng cho trang web khi không phải kết nối nhiều vào cơ sở dữ liệu có...

Tập thói quen sử dụng công cụ tìm kiếm trên File Explorer

Trên các hệ điều hạnh mới như Windows 8 hoặc Windows 10, Microsoft đều tối ưu công cụ tìm kiếm để người dùng không...

Nhiều website của Bình Định mắc lỗi bảo mật nghiêm trọng

Hiện nay nhiều cơ quan, tổ chức doanh nghiệp trên địa bàn tỉnh Bình Định đã có cho mình những website để quảng cáo...