純css實現叉號

CrazyCodes 發布于2019-08-02 14:20 / 1708人閱讀

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云服務器云服務器純CSS JS輕松實現CSS設置小白純純手工

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53731.html

純css實現叉號

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

張憲坤 2019-08-30 15:55 評論0 收藏0
用CSS畫簡單圖標

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

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

摘要：還有另外一個特點就是系統自帶采用的是隊列的方式，等當前消失后，下一個才能顯示出來而會把當前頂掉，直接顯示最新的。那么，簡單三步，我們現在就開始自定義一下吧一要自定義，首先我們需要一個布局。本Demo有更新，可以在沒有通知權限的情況下正常彈出Toast，感興趣的同學可以克隆git： https://github.com/Bamboy120315/BamToast Bamboy的自...

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

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

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