web-html5-scripts/techniques/neumorphism-study-change-color-with-dot/index.html

21 lines
558 B
HTML
Raw Normal View History

2020-01-20 21:00:54 +01:00
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Neumorphism study (change color with dot, best in Chrome)</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<img src="https://images.unsplash.com/photo-1567911342145-96a7bd51c8dc?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt=" ">
<card class="neumorphic">
<input type="color" name="color" id="color" value="#45494c" class="neumorphic" oninput="changeColor()">
</card>
<script src="./script.js"></script>
</body>
</html>