a.animated-button.sandy-three {
        border: 2px solid #AEA8D3;
        color: #FFF;
      }
      a.animated-button.sandy-three:after {
        border: 3px solid #AEA8D3;
        opacity: 0;
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
        transform: translateX(-50%) translateY(-50%) rotate(-25deg);
      }
      a.animated-button.sandy-three:hover:after {
        height: 400% !important;
        opacity: 1;
        color: #FFF;
      }

      Css language logo
      Border Diagonal Overlap

      Border
      Custom Buttons in CSS

      The code above creates an animated button with a border, color, and after effect. The button will change its appearance when hovered over, with the opacity increasing and the color changing to a different color.

      Shortcut: btn.e3

      0 Comments

        Add Comment

        Log in to add a comment

        Codiga - All rights reserved 2022.