التنسيق النهائي
الدرس 8 من 8 في دورة مشروع CSS - زر أنيق على Coddy.
أحسنت، لقد قمت بإنشاء زر مزخرف مخصص بالكامل!
أخيرًا، نريد تعديل المؤشر الذي يحوم فوق الزر الخاص بنا باستخدام،
.fancyButton {
...
cursor: pointer;
}
التحدي
سهلأضف مؤشر الماوس "pointer" عند تمرير الماوس فوق الزر و أي تنسيق نهائي تريده.
بمجرد أن تصبح جاهزاً، قم بتشغيل الكود وأنهِ المشروع!
يمكنك الكشف عن الحل لاحقاً لترى كيف يبدو الزر الخاص بنا :)
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>