Tài khoản - Mona Juice

CỤM ICON LIÊN HỆ DỌC – BÊN PHẢI MÀN HÌNH - Cách lề phải: 10px - Icon xếp dọc, cách nhau 20px - Icon dưới cùng cách đáy: 150px - Có animation lắc nhẹ gây chú ý (không sến) ========================================================= */ /* Bọc toàn bộ icon liên hệ */ .contact-floating-icons { position: fixed; right: 10px; /* cách lề phải */ bottom: 150px; /* icon dưới cùng cách đáy */ z-index: 9999; display: flex; flex-direction: column; gap: 20px; /* khoảng cách giữa các icon */ } /* Style chung cho icon */ .contact-floating-icons a img { width: 44px; /* đại ca chỉnh size tại đây */ height: auto; cursor: pointer; /* Hiệu ứng nổi + mượt */ transition: transform 0.3s ease, filter 0.3s ease; animation: gentle-swing 2.6s ease-in-out infinite; } /* Hover: nhô nhẹ lên, rõ ràng là có thể bấm */ .contact-floating-icons a:hover img { transform: scale(1.1); filter: drop-shadow(0 6px 12px rgba(0,0,0,0.25)); } /* Animation lắc lư nhẹ – kiểu "vẫy gọi" */ @keyframes gentle-swing { 0% { transform: rotate(0deg) translateX(0); } 20% { transform: rotate(3deg) translateX(1px); } 40% { transform: rotate(-3deg) translateX(-1px); } 60% { transform: rotate(2deg) translateX(1px); } 80% { transform: rotate(-2deg) translateX(-1px); } 100% { transform: rotate(0deg) translateX(0); } } /* Mobile tối ưu: icon nhỏ hơn chút */ @media (max-width: 768px) { .contact-floating-icons a img { width: 40px; } }

Avita - CHUYÊN CUNG CẤP ĐỒ UỐNG HÀNG ĐẦU VIỆT NAM

Sản phẩm

Đăng nhập