حجم عشوائي
الدرس 9 من 18 في دورة سحب متحركة - مشروع HTML/CSS/JS على Coddy.
التحدي
سهللنقم بـ إضافة حجم عشوائي للسحابة.
لتعيين أحجام مختلفة للسحابة دون تغيير كل شيء، يمكننا استخدام transform و scale:
transform: scale(0.3)سيقوم ما سبق بتغيير حجم العنصر المستهدف إلى 0.3 من حجمه الأصلي!
في ملف JS، أضف خاصية النمط هذه برمجياً ثم اجعلها عشوائية. الأحجام المقترحة هي بين 0.3 و 1.
تأكد من أنك لا تحذف كودك السابق، الذي يقوم بتحديد الموضع العشوائي!
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>جميع دروس سحب متحركة - مشروع HTML/CSS/JS
1مقدمة
مقدمة