Skip to content

Instantly share code, notes, and snippets.

@snap44
snap44 / floatingPH.html
Created Jul 30, 2018
floatingPlaceholder
View floatingPH.html
<style>
.wrapper { position: relative; }
.control:focus ~ .floating-label,
.control:not(:focus):valid ~ .floating-label{
top: 6px;
left: 5px;
font-size: 11px;
opacity: 0.6;
}
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
</body>
You can’t perform that action at this time.