Efecto relieve para un botón

efecto relieve botón

<html>
<head>
<style>
div.fondo {
width: 320px;
height: 320px;
padding: 150px 0 0 150px;
background-color: #E7F1FA;
}
div.caja {
width: 150px;
height: 150px;
background-color: #EAF3FA;
box-shadow: 30px 0px 40px rgba(55,84,155,0.1),
-30px -30px 40px #F3F8FE,
4px 1px 20px rgba(255,255,255,0.1) inset;
border-radius: 30px;
}
</style>
</head>
<div class=»fondo»>
<div class=»caja»></div>
</div>
</html>

No Comments

Post A Comment