a.animated-button.gibson-three {
        border: 2px solid #65b37a;
        color: #FFF;
      }
      a.animated-button.gibson-three:after {
        opacity: 0;
        background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
        background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
        background-size: 10px 10px;
        -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
        transform: translateX(-50%) translateY(-50%) rotate(90deg);
      }
      a.animated-button.gibson-three:hover:after {
        height: 600% !important;
        opacity: 1;
        color: #FFF;
      }

      Css language logoStripes Vertical

      Stripes
      Custom Buttons in CSS

      The code below creates an "animated button" with a "Gibson Three" graphic.

      Shortcut: btn.s3

      0 Comments

        Add Comment

        Log in to add a comment

        Codiga - All rights reserved 2022.