چگونه ایجاد کنیم: زوم در حالت اسلوک

یاد بگیرید که چگونه از CSS برای زوم کردن عناصر در حالت اسلوک استفاده کنیم.

چگونه در حالت اسلوک زوم کنیم

<style>
.zoom {
  پدینگ: 50 پیکسل;
  رنگ پس‌زمینه: سبز;
  ترانزیشن: ترانسفارم 0.2 ثانیه; /* انیمیشن */
  عرض: 200 پیکسل;
  ارتفاع: 200 پیکسل;
  مجردار: خودکار;
}
.zoom:hover {
  ترانسفارم: اسکال (1.5); /* (150% زوم - توجه: اگر بزرگتر از حد زیاد شود، آن را فراتر از محدوده چشم انداز قرار می‌دهد) */
}
</style>
<div class="zoom"></div>

آپ خود بچار کریں

مستقیم صفحات

تعلیم:CSS تبدیلی