1.CSS图像绘制之:关闭按钮
来源:互联网 发布:6g网络是什么概念 编辑:程序博客网 时间:2024/05/16 23:51
一、HTML
<span class="close">Close Me</span>
二、CSS
/*使页面背景显示为绿色*/
body {
background:#2ECC71; margin:50px;
}
.close{
font-size:0px;
display:block;
}
/*绘制上下2个白色长方形*/
.close::before, .close::after{
content:'';
width:50px;
height:2px;
background:#FFF;
display:block;
}
/*上个长方形顺时针旋转45°*/
.close::before{
transform: rotate(45deg);
}
/*下个长方形逆时针旋转45°*/
.close::after{
transform:translateY(-2px) rotate(-45deg);
}
0 0
- 1.CSS图像绘制之:关闭按钮
- 2.CSS图像绘制之:菜单按钮
- 4.CSS图像绘制之:字渐变按钮
- 3.CSS图像绘制之:三角图标
- 5.CSS图像绘制之:条纹背景
- CSS 关闭按钮实现
- TabControl tab绘制关闭按钮
- GDI+绘制一个关闭按钮
- winform tabpage 绘制关闭按钮点击关闭事件和双击tab关闭页面
- IOS开发(79)之绘制图像
- Android 图像绘制之Matrix 的使用
- [前端] canvas进阶之绘制彩色图像
- Qt-图像绘制控制之QMatrix类
- MFC飞机大战开发之绘制图像
- 绘制图像
- 图像绘制
- 图像绘制
- 关闭按钮
- 欢迎使用CSDN-markdown编辑器
- 257. Binary Tree Paths
- POJ 3026 Borg Maze (最小生成树)
- 触发JVM进行Full GC的情况及应对策略
- Problem with catkin_make
- 1.CSS图像绘制之:关闭按钮
- matlab带有自变量(参数)的累加求因变量
- Umask
- 01背包问题讲解(dp)
- 从你的全世界切过(胡说八道支持向量机SVM小故事)
- android——View绘制流程
- AHK找图找色功能的实现 和 素材的制作:
- Google 的开源技术protobuf 简介与例子
- Java正则表达式(下)