Skip to content

Instantly share code, notes, and snippets.

snap44

Block or report user

Report or block snap44

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@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.