3D Button
In this blog we create a 3D Button using html and css. That looks are very amazing.
Html and css code
<!DOCTYPE html>
<html lang="en">
<head>
<title>3D Button</title>
<style>
body{
background :#111;
}
.main {
background: #111;
height: 100vh;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.btn{
height: 8.0rem;
width: 8.0rem;
border: none;
outline: none;
border-radius: 1.5rem;
background: #111;
box-shadow: 2px 2px 4px #010101, -2px -4px 6px #010101;
font-size: 2.3rem;
display: flex;
justify-content: center;
font-weight:800 ;
color:green;
}
</style>
</head>
<body>
<main class="main">
<div class="container">
<input value="Save" type="button" class="btn" />
</div>
</main>
</body>
</html>
comment 0 comments
more_vert