CSS生成关闭叉叉图标
生活随笔
收集整理的這篇文章主要介紹了
CSS生成关闭叉叉图标
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
CSS 生成關閉叉叉圖標
.
<span id="closebtn" class="closebtn"></span>.closebtn{width: 25px;height: 25px;display: inline-block;cursor: pointer;position: absolute;top: 15px;right: 15px; } .closebtn::before, .closebtn::after {content: '';position: absolute;height: 2px;width: 20px;top: 12px;right: 2px;background: #999;cursor: pointer; } .closebtn::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); } .closebtn::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); }?
總結
以上是生活随笔為你收集整理的CSS生成关闭叉叉图标的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： matlab极性电容叫什么,什么是无极电
- 下一篇： CSS 基本样式