純css實現(xiàn)叉號

張憲坤發(fā)布于2019-08-30 15:55 / 905人閱讀

HMTL部分

CSS部分

.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

GPU云服務(wù)器云服務(wù)器純CSS JS輕松實現(xiàn)CSS設(shè)置小白純純手工

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/117423.html

相關(guān)文章

純css實現(xiàn)叉號

HMTL部分 CSS部分 .close { position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; } .close:before, .close:after { position: absolute; left: 15px; content: ; height: 33px...

CrazyCodes 2019-08-02 14:20 評論0 收藏0
用CSS畫簡單圖標(biāo)

摘要：用畫了三個圖標(biāo)，叉號，排行符號，搜索符號。我們用和偽類來分別當(dāng)一個矩形框，然后進(jìn)行旋轉(zhuǎn)即可得到叉號。我們用添加類的形式插入叉號，當(dāng)我們需要插入叉號時，我們額外添加一個標(biāo)記，并添加類。方便相對于父元素進(jìn)行定位第二步，設(shè)置偽類，畫叉號。用CSS畫了三個圖標(biāo)，叉號，排行符號，搜索符號。先上效果圖啦啦啦。showImg(https://segmentfault.com/img/bVGzIw?...

since1986 2019-08-30 13:14 評論0 收藏0
超簡單實現(xiàn)Android自定義Toast（附源碼）

摘要：還有另外一個特點就是系統(tǒng)自帶采用的是隊列的方式，等當(dāng)前消失后，下一個才能顯示出來而會把當(dāng)前頂?shù)簦苯语@示最新的。那么，簡單三步，我們現(xiàn)在就開始自定義一下吧一要自定義，首先我們需要一個布局。本Demo有更新，可以在沒有通知權(quán)限的情況下正常彈出Toast，感興趣的同學(xué)可以克隆git： https://github.com/Bamboy120315/BamToast Bamboy的自...

oogh 2019-08-16 16:48 評論0 收藏0
electron開發(fā)過程中遇到的一些坑

摘要：導(dǎo)致下載流程受阻問題中使用到子進(jìn)程的時候，是把子進(jìn)程當(dāng)作一個外部依賴來做的，打包后并不會將子進(jìn)程的代碼打進(jìn)到包中，需要額外進(jìn)行配置。子進(jìn)程中用的第三方包都需要在中進(jìn)行配置。在公司開發(fā)的下載器過程中，遇到的一些坑點 1.electron中彈窗的確認(rèn)取消以及系統(tǒng)自帶的叉號之間的關(guān)系場景：在用戶退出app時，需要提示用戶是否確認(rèn)退出，此時彈窗出現(xiàn)，如果點擊確認(rèn)就繼續(xù)退出，執(zhí)行回調(diào)，否則的...

FingerLiu 2019-08-26 10:36 評論0 收藏0