Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE HTML>
<html><head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
html { padding: 100px }
input,button {
width: auto;
min-width: 50px;
writing-mode: vertical-rl;
}
mask {
position: absolute;
top: 98px; left: 98px;
width: 300px;
height: 200px;
background: black;
}
</style>
</head>
<body>
<input type="color">
<button><div style="width:100%; height:100%"></div></button>
<mask></mask>
</body>
</html>