みかづきブログ その3

3ヶ月つづけてみました。

CSSをつかって45度の角度で光沢をいれる

最近はafterのborderをつかって、こんな感じで光沢をいれてます。

SCSS

.icon {
    position: relative;
    width: 120px; height: 120px;
    
    &:after {
        display: block;
        position: absolute;
        top: 0; left: 0;
        border: solid transparent 60px;
        border-top-color: rgba(255, 255, 255, .25);
        border-left-color: rgba(255, 255, 255, .25);
        content: "";
        z-index: 9999;
    }
}

DEMO



今回は以上です。