css button 1ms

<a href="#" class="butt">Ceramics</a> .butt { box-shadow:inset 0px 1px 0px 0px #fce2c1; background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%); background-color:#ffc477; border-radius:11px; border:2px solid #eeb44f; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:16px; font-weight:bold; padding:8px 18px; text-decoration:none; text-shadow:0px 1px 0px #cc9f52; } .butt:hover { background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%); background-color:#fb9e25; } .butt:active { position:relative; top:1px; }

css button

<!DOCTYPE html>
<html lang="en">
<head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Perfect Button Tutorial BY Sampanna Bhattarai</title>
</head>
<body>
          <style>
                    *{
          margin: 0;
          padding: 0;
          font-family: sans-serif;

}

body{
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100vh;
          background: #000;
}
body button{
          background: linear-gradient(rgb(25, 255, 156),rgb(119, 157, 255),rgb(0, 195, 255));
          color: rgb(255, 255, 255);
          outline: none;
          border: none;
          font-size: 50px;
          width: 5em;
          border-radius: 12px;
          cursor: pointer;
          transition: all 0.9s ease-in-out;
}
body button:hover{
          border-radius: 19px;
          background-color: aqua;
          box-shadow: 0px 0px 09px 10px rgba(0, 0, 255, .2),
                                0px 0px 09px 10px rgba(255,255,255, .2)
          ;
}
          </style>
          <button>Click</button> 
<!-- I am Sampanna bhattarai -->
</body>
</html>

Posted by: Guest on March-28-2022

Answers for "css button 1ms"

Code answers related to "css button 1ms"

Code answers related to "CSS"

CSS Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us