21 lines
558 B
HTML
21 lines
558 B
HTML
<!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>
|