使用关键字和角度值区别

by redky

HTML

<div class="box">
    <div class="key"></div>
    <div class="deg"></div>
</div>
<div class="wrap">
    <div class="key"></div>
    <div class="deg"></div>
</div>

CSS

.box, .wrap {

    overflow: hidden;

}

.box div {

    width: 200px;

    height: 100px;

    margin: 10px;

    float: left;

}

.wrap div {

    margin: 10px;

    width: 200px;

    height: 200px;

    float: left;

}

.key {

    background: -webkit-linear-gradient(left top, #aaa, #000);

}

.deg {

    background: -webkit-linear-gradient(315deg, #aaa, #000);

}