国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

@import url('//raw.githubusercontent.com/necolas/normalize.css/master/normalize.css');

html {
    /* 僅用于顯示背景不需要是純色的 */
    background: linear-gradient(to right, #DDD 0%, #FFF 50%, #DDD 100%);
    padding: 10px;
}

.grounded-radiants {
    position: relative;
    border: 4px solid transparent;
    border-radius: 16px;
    background: linear-gradient(orange, violet);
    background-clip: padding-box;
    padding: 10px;
    /* 僅用于顯示box-shadow仍然正常工作 */
    box-shadow: 0 3px 9px black, inset 0 0 9px white;
}

.grounded-radiants::after {
    position: absolute;
    top: -4px; bottom: -4px;
    left: -4px; right: -4px;
    background: linear-gradient(red, blue);
    content: '';
    z-index: -1;
    border-radius: 16px;
}

<p class="grounded-radiants">
    這里有一些文本。<br/>
    這里甚至有一個換行！<br/>
    太酷了。
</p>

上面的額外樣式是為了展示：

• 這適用于任何背景
• 它與box-shadow一起工作得很好，無論是否使用inset
• 不需要您將陰影添加到偽元素中

再次強(qiáng)調(diào)，這適用于IE、Firefox和Webkit/Blink瀏覽器。