【CSS】孟加拉共和國國旗
HTML程式碼:<div class="dd1"></div>
方法1 CSS程式碼:
.dd1 {
width: 300px;
height: 200px;
border: 1px solid #000;
box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .25);
background-image: radial-gradient(circle at 150px 100px, #f42a41 65px, #006a4e 65px)
}
方法2 CSS程式碼:
.dd1 {
width: 300px;
height: 200px;
border: 1px solid #000;
box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .25);
background-image: radial-gradient(circle closest-side, #f42a41 66%, #006a4e 66%);
}
方法3 CSS程式碼:
.dd1 {
width: 300px;
height: 200px;
border: 1px solid #000;
box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .25);
background-image: -webkit-gradient(radial, 150 100, 0, 150 100, 66, color-stop(0.98, #f42a41), color-stop(0.99, #006a4e));
}
方法3是針對Webkit引擎的老式寫法,不必掌握。
希望以上筆記對大家有幫助。
我的其他筆記在微信公眾號:Rabbit_svip
相關文章
- 中華人民共和國網路安全法
- ACM 荷蘭國旗問題ACM
- 《中華人民共和國著作權法》筆記(I)筆記
- 國慶微信漸變國旗影像製作工具教程
- 紅警2共和國之輝win10黑屏怎麼回事 紅色警戒2共和國之輝win10黑屏怎麼解決Win10
- 《中華人民共和國資料安全法 (草案) 》解讀
- 迴圈不變數之荷蘭國旗變數
- CSS 小技巧 | 一行程式碼實現頭像與國旗的融合CSS行程
- 演算法學習-荷蘭國旗問題演算法
- IGN:《星球大戰》遊戲評分排名 《舊共和國武士》居第一遊戲
- 馬紹爾群島共和國政府官員:計劃發行國家加密貨幣,同時發起ICO加密
- 中華人民共和國行政區劃程式碼 (國家標準 GB2260) 的一個封裝封裝
- 荷蘭國旗問題引出的三色排序排序
- 翻譯服務譯文質量要求-中華人民共和國國家標準GB/T 19682-2005
- 綠盟+智慧田|《中華人民共和國個人資訊保護法》解讀直播預告
- 中華人民共和國計算機資訊系統安全保護條例 (轉)計算機
- 紐約聯邦儲備銀行協助孟加拉國訴訟黑客網路搶劫案黑客
- 紅旗軟體:樹立國際的Linux品牌(轉)Linux
- 在連結串列上實現 Partition 以及荷蘭國旗問題
- 全球最薄金屬旗艦 Moto Z國行版今日釋出
- 2022年孟加拉國主要智慧手機廠商出貨量市場份額(附原資料表)
- 2023年孟加拉國主要智慧手機廠商出貨量市場份額(附原資料表)
- 用 Python 給自己的頭像加一個小國旗(小月餅)Python
- 在4核心8執行緒開發板上顯示德國國旗執行緒
- 紅旗支撐國家外匯管理局網上核銷系統(轉)
- 《中華人民共和國網路安全法》今起施行 維護網路安全不會損害個人隱私
- 科樂美經典之作再現 國內首家遊戲王旗艦公認店開業遊戲
- 對《關於修改〈中華人民共和國網路安全法〉 的決定(徵求意見稿)》的學習與思考
- 雲端儲存國外火爆國內冷
- 網信辦公開徵求《關於修改〈中華人民共和國網路安全法〉的決定(徵求意見稿)》意見
- 2022年Q1孟加拉國主要列印外設裝置廠商出貨量市場份額(附原資料表)
- 韓國主要產業分析|國際產業分析論產業
- 國網電費,國家電網,PHP爬蟲PHP爬蟲
- 國美事件事件
- 國外、國內Hadoop的應用現狀Hadoop
- 國家工信安全中心:主要國家半導體產業政策走向及對我國的啟示產業
- 國外與國內,數學與計算機 (轉)計算機
- 國際知名CSS大師Eric A. Meyer訪談問題有獎徵集CSS