第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么我用css漸變繪制出來的圓是這個鬼樣子?

為什么我用css漸變繪制出來的圓是這個鬼樣子?

阿晨1998 2019-03-12 13:15:47
如下圖,一點都不圓,大家?guī)臀铱纯次业拇a是否有問題html <div class="box"></div>css.box{    position: relative;    width: 300px;    height: 140px;    background: red;}.box:before{    content: '';    position: absolute;    left: 0;    top: 0;    bottom: 0;    width: 20px;    background: radial-gradient(farthest-corner, #fff 50%, transparent 0%);    background-size: 20px 20px;    background-repeat: repeat-y;}.box:after{    content: '';    position: absolute;    right: 0;    top: 0;    bottom: 0;    width: 20px;    background: radial-gradient(farthest-corner, #fff 50%, transparent 0%);    background-size: 20px 20px;    background-repeat: repeat-y;}
查看完整描述

1 回答

?
幕布斯7119047

TA貢獻1794條經(jīng)驗 獲得超8個贊

好像沒辦法做到完美的圓。不過你的截圖上看其實是邊緣太銳利造成的,可以簡單改造一下讓圖形柔和一點,如下:

https://img1.sycdn.imooc.com//5c9d87de0001337f03180148.jpg

.box{

    position: relative;

    width: 300px;

    height: 140px;

    background: red;


}

.box:before{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 20px;


    background: radial-gradient(farthest-corner, #fff 50%, rgba(255, 255, 255, .5) 53%, rgba(255, 255, 255, 0) 0%);

    background-size: 20px 20px;

    background-repeat: repeat-y;

}

.box:after{

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    width: 20px;


    background: radial-gradient(farthest-corner, #fff 50%, rgba(255, 255, 255, .5) 53%, rgba(255, 255, 255, 0) 0%);

    background-size: 20px 20px;

    background-repeat: repeat-y;

}


查看完整回答
反對 回復(fù) 2019-03-29
  • 1 回答
  • 0 關(guān)注
  • 374 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號