zoom plastic letter toy

حركة CSS فقط: تكبير الصورة عند التمرير

في نصيحة اليوم السريعة سننشئ تأثير «تكبير عند التمرير» الديناميكي الذي يضفي لمسة تفاعلية على صور صفحاتك. بإضافة CSS المرفق ستكبر صورك بأناقة عند مرور المؤشر فوقها. هذا التأثير، ويُنجز بأقل قدر من الشيفرة، طريقة رائعة لتعزيز الجاذبية البصرية للموقع وإشراك الزوار.

عرض توضيحي: تكبير عند التمرير

HTML

<img class="zoom-in" src="YOUR-IMAGE-PATH"/>

CSS

.zoom-in { transition:transform .2s; }
.zoom-in:hover { transform: scale(1.2); }

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *