av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css3 線性漸變實現間斷線條效果

瀏覽:95日期:2023-06-14 13:31:27

問題描述

css3 線性漸變實現間斷線條效果

上圖是我現做出來的效果!但是這個效果和我想要的還有差別,對比下面我要的效果圖

css3 線性漸變實現間斷線條效果

我使用線性漸變做的,可是漸變帶有漸變效果,有沒有某種技巧讓中間個文字交接的地方沒有漸變效果呢?css代碼:

hr {text-align:center;box-sizing: content-box;height: 1px;border: 0;/*border-top: 1px solid #808080;*/width: 90%;margin-bottom: 20px;background-image: linear-gradient(to right,#808080,#808080, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0),#808080, #808080); }hr.style-eight:after {content: "第三方登陸";display: inline-block;position: relative;top: -0.7em;color: #808080;/*background-color: #1D263B;*/padding: 0 10px; }

html代碼:

<hr class="style-eight">

問題解答

回答1:

如果你的關注點在linear-gradient上,可以這樣寫,不需要用偽元素background-image: linear-gradient(to right, #fb3 40%, #58a 0,#58a 60%, #fb3 0);

css3 線性漸變實現間斷線條效果

標簽: CSS
相關文章:
主站蜘蛛池模板: 91精品国产综合久久久久久 | heyzo在线 | 欧美xxxx在线 | 成人a免费| 日韩一级免费大片 | 成人日批视频 | 欧美三级视频在线观看 | 国产成人久久精品一区二区三区 | 国产精品区二区三区日本 | 成人欧美一区二区三区视频xxx | 国产视频中文字幕 | 波多野结衣在线观看一区二区三区 | 日韩在线资源 | 日韩精品久久 | 亚洲欧美一区二区三区视频 | 免费99视频 | 精品一区二区电影 | av色站| 一级a毛片| 成人av播放| 日本在线免费观看 | a级大毛片 | 亚洲一区视频 | 999热精品| 亚卅毛片| 成人av一区 | 亚洲精品电影网在线观看 | 影音先锋中文字幕在线观看 | 91精品国产色综合久久不卡98 | 视频一区二区在线观看 | 蜜桃在线播放 | 超碰在线免费 | 四虎永久在线精品免费一区二 | 射久久| 在线免费观看成人 | 毛色毛片免费看 | 亚洲理论在线观看电影 | 久久久久成人精品 | 亚洲中字在线 | 日韩精品视频在线观看一区二区三区 | 精品一区在线 |