Label

Lesson 14 of 19 in Coddy's Netflix Sign-in Page Clone | Front-end project course.

Challenge

Easy

Target label in class form-control:

Set position to absolute, 20 pixels from left and 50% from top.
Set transform to translateY(-50%)
Set the font size to 16px.
Set pointers-event to none.
Set the color to #8c8c8c.
Add transition: all 0.1s ease; to the end.

Try it yourself

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

All lessons in Netflix Sign-in Page Clone | Front-end project

1Introduction

What are you going to make?

4CSS - II

2HTML

Title and Wrapper Setup Form input I

3CSS - I

Label

Shift effect on focus