كيفية إنشاء: التكبير عند التمرير فوق

تعلم كيفية استخدام CSS لتكبير العناصر عند التمرير فوقها.

التكبير عند التمرير فوق

الرجاء تمرير الفأرة فوق المربع الأخضر:

كيفية التكبير عند التمرير فوق

<style>
.zoom {
  padding: 50px;
  background-color: green;
  transition: تحويل .2s; /* تحريك */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
.zoom:hover {
  تحويل: مقياس(1.5); /* (150% تحويل - ملاحظة: إذا تم تحويله بشكل كبير، فإنه سيخترق نطاق عرض النافذة) */
}
</style>
<div class="zoom"></div>

جرب بنفسك

الصفحات ذات الصلة

دليل:تحويل CSS