.btn {
        color: #fff;
        cursor: pointer;
        // display: block;
        font-size:16px;
        font-weight: 400;
        line-height: 45px;
        margin: 0 0 2em;
        max-width: 160px; 
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%; 
        
        &:hover { text-decoration: none; }
      }
      
      .btn-5 {
        border: 0 solid;
        box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
        outline: 1px solid;
        outline-color: rgba(255, 255, 255, .5);
        outline-offset: 0px;
        text-shadow: none;
        transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
      }
      
      .btn-5:hover {
        border: 1px solid;
        box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 15px;
        text-shadow: 1px 1px 2px #427388; 
      }

      Css language logoFading Ripple

      Fading-ripple
      Custom Buttons in CSS

      Shortcut: btn.hover5

      0 Comments

        Add Comment

        Log in to add a comment

        Codiga - All rights reserved 2022.