وسم Label

الدرس 14 من 19 في دورة محاكاة صفحة تسجيل الدخول لـ Netflix | مشروع Front-end على Coddy.

التحدي

سهل

استهدف label في الفئة form-control:

قم بتعيين position إلى absolute، بمقدار 20 بكسل من اليسار و 50% من الأعلى.
قم بتعيين transform إلى translateY(-50%)
قم بتعيين حجم الخط إلى 16px.
قم بتعيين pointers-event إلى none.
قم بتعيين color إلى #8c8c8c.
أضف transition: all 0.1s ease; في النهاية.

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

جميع دروس محاكاة صفحة تسجيل الدخول لـ Netflix | مشروع Front-end

1مقدمة

4CSS - II

2HTML

إعداد العنوان والـ Wrapper مدخلات الـ Form I

3CSS - I

وسم Label

تأثير الإزاحة عند التركيز