问答详情
源自:4-3 CSS样式

最后一步代码在CSS中怎么显示的,即有hover,又有after的那一步

最后一步代码在CSS中是怎么显示的,谁有,发一下

提问者:今曦3201410 2016-06-28 14:22

个回答

  • 小北呦
    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);
        }
    }