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生成关闭叉叉图标相关推荐

用css画一个原型里有一个对号或者叉叉的图标
用css画一个圆形里有一个对勾或者叉叉的图标 <!DOCTYPE html> <html lang="en"><head><meta ch ...
清除IE10下input的叉叉（X）和密码输入框的眼睛图标
从IE 10开始,type="text" 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本, 如下图: 对于type="pas ...
C#winform 点叉叉按钮关闭一form窗体应用后，后台进程仍在运行的解决办法
文章目录前言一.可能的原因1 1.1猜想1 1.2验证 1.3结论二.可能的原因2 2.1猜想2 2.2验证 2.3结论三.最终解决办法 3.1出现的原因: 3.2解决办法1 3.3解决办法2 ...
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标
从IE 10开始,type="text" 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本对于type="password& ...
html文本框中有一个叉号标志,html 输入框显示“小叉叉”的清空图标
输入框获取焦点时动态显示"叉叉"的清空图表:在输入框中输入内容时,右边显示"叉叉"按钮:输入框为空的时候,"叉叉"按钮消失. 主要难点是在获 ...
利用iconfont.css生成html代码，显示iconfont里面的所有的图标
开发时,一个同事问我,遇到历史项目中的iconfont,不知道里面有哪些图标. 于是我便利用nodejs,来根据css生成html显示里面的所有图标.首先用webstorm格式化css代码 ,然后再在 ...
JAVA自动生成雪碧图sprites和样式CSS文件（包含原始图标CSS、雪碧图CSS）
在项目的开发过程中,如果一个页面有很多的小图标展现.浏览器展示页面时会向后台服务器发送很多的请求获取对应的图片,这样既浪费资源,也使得页面的加载变得很慢,影响客户的体验.此时我们可以采用将这些小图标放 ...
完美解决jasperreports集成ssh后生成HTML图片红叉叉问题和chart不能显示问题
px背景图显示红叉叉解决方案问题描述:使用JasperReport生成Html报表后,数据显示正确px图片不显示,页面整个都是红叉叉产生原因:在生成HTML页面时JRHtmlExp ...
沫沫金::完美解决jasperreports集成ssh后生成HTML图片红叉叉问题和chart不能显示问题...
px背景图显示红叉叉解决方案问题描述:使用JasperReport生成Html报表后,数据显示正确px图片不显示,页面整个都是红叉叉产生原因:在生成HTML页面时JRHtmlExp ...

CSS生成关闭叉叉图标

CSS生成关闭叉叉图标相关推荐

最新文章

热门文章