heart animation

يعتمد هذا التأثير البرمجي على خاصية keyframes@ في الـ CSS3 لمحاكاة نبضات القلب الحقيقية بدقة وسلاسة العرض (60fps) دون التأثير على أداء الصفحة.

طريقة العمل:

• يتم التحكم في حجم الأيقونة عبر خاصية transform: scale على مدار جدول زمني مقسم إلى نسب مئوية (من 0% إلى 100%) لإنشاء النبضة المزدوجة (Double-beat).

• تم تعيين خاصية animation-timing-function على القيمة ease-in-out لضمان نعومة الانتقال والحركة أثناء التكبير والتصغير.

• تم ربط الأنيميشن ليعمل بشكل دوري ومستمر عبر خيار infinite لتظل الأيقونة نابضة وتجذب عين الزائر بشكل تفاعلي ذكي.