18.纯CSS关闭样式（X）
作者:
jqClub | 来源:发表于
2018-05-31 14:48 被阅读0次<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
text-align: center;
}
.close{
position:relative;
width:0.3em;
height:1.5em;
background: #333;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
}
.close:after{
content: "";
position: absolute;
top: 0;
left: 0;
width:0.3em;
height:1.5em;
background: #333;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
</style>
</head>
<body>
<span class="close"></span>
</body>
</html>
本文标题：18.纯CSS关闭样式（X）
本文链接：https://www.haomeiwen.com/subject/ubpqsftx.html
网友评论