Chia sẽ nút liên hệ chỉ html và css đã viết thêm rung lắc

Vào vấn đề luôn, code này người ta chia sẻ trên mạng nhưng chưa viết thêm hiệu ứng rung lắc cho các nút liên hệ, nên mình lấy về và viết thêm hiệu ứng rung lắc cho sinh động

Ưu điểm của code liên hệ

• Chỉ bao gồm html và css cho nên nếu bạn có Load JavaScript deferred hay Delay JavaScript thì nó vẫn không ảnh hưởng, nó hiện ra cho khách hàng tương tác được ngay luôn, chỉ cần bỏ qua lazy load của các hình ảnh icon là được
• Có thể tùy biến lại theo sở thích

Chia sẽ nút liên hệ chỉ html và css đã viết thêm hiệu ứng rung lắc

• Nếu là theme Flatsome bạn có thể thêm code như trên, còn các theme khác bạn cứ thêm vào Footer Scripts thì nó sẽ chạy
• Thay các thông tin liên hệ như hình dưới

• Thay hình ảnh các icon ở website của bạn, nhớ tải các ảnh về và tải lên website của bạn để thay lại đường dẫn đi nhé ( xem hình bên dưới )

• Bỏ các hình ảnh icon không cần lazyload để người dùng tương tác được ngay lập tức nếu website bạn có bật lazyload hình ảnh

đây là cách mà mình hay làm, còn tùy các bạn nhé

Thêm css hiệu ứng rung lắc cho các icon liên hệ

• Đoạn này mình đã code thêm nè ^-^

• Bạn hãy thêm file css hiệu ứng rung lắc ở trên vào file css ở website của bạn nhé ( để cho tiện bạn cứ cho vào css bổ sung là được )

Lời kết

Nếu trong quá trình thêm code vào website có khó khăn gì bạn hãy liên hệ mình nhé