Labelタグ
Coddyの「Netflixサインインページのクローン | フロントエンドプロジェクト」コースのレッスン 14/19。
チャレンジ
簡単クラス form-control 内の label をターゲットにします：
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>