1回答

• 

  小北呦

  2016-07-13 09:09:13

  .toolbar-item{
      position: relative;
      display: block;
      width: $toolbar-size;
      height: $toolbar-size;
      margin-top: 1px;
      
      
      &:hover{
          .toolbar-btn{
              &:before{
                  top:-$toolbar-size;
              }
              &:after{
                  top:0;
              }
          }
          &:after{
              @include opacity(1);
              @include scale(1);
          }
          
      }
      
      &:after{
          content: "";
          position: absolute;
          right: $toolbar-size - 6;
          bottom: -10px;
          width: 172px;
          background-image: url(../img/toolbar_img.png);
          background-repeat: no-repeat;
          @include opacity(0);
          @include transform-origin(95% 95%);
          @include scale(0.01);
          @include transition(all 1s);
      }
  }

  
  

  0 0