纯CSS 实现关闭图标 icon

本文介绍关闭 icon 的实现。具体如下

1.html部分

<span id="close"></span>

2.css部分

    #close {
display: inline-block;
width: 30px;
height: 4px;
background: #333;
transform: rotate(45deg);
} #close::after {
content: '';
display: block;
width: 30px;
height: 4px;
background: #333;
transform: rotate(-90deg);
}

效果如图:

纯CSS 实现关闭图标 icon

就是这样,是不是很简单呢。

上一篇:【转】确保 ASP.NET 应用程序和 Web Services 的安全


下一篇:一个标签的72变,打造一个纯CSS图标库