css background 旋转_前端知识总结（四）CSS杂谈篇：一点细节问题

button的一些细节

按钮点击后出现蓝色的边框，解决办法是给button加上属性，outline:none;

按钮的边框阴影解决办法：加上border : none;

设置按钮为禁止点击，主要分两步：

1. 设置按钮为不可点击：给button添加disabled属性
2. 悬停时显示禁止标志，示意用户不可点击：在button的hover状态中设置cursor：not-allowed

设置鼠标形状

cursor属性，常用取值有以下几种：

• pointer：手状
• text：选定文字时的I字型
• default：默认样式
• wait：表示程序正忙，旋转的蓝色圆圈
• not-allowed：禁止符号

2D变换

• 旋转：transform:rotate(xdeg)，顺时针旋转x度，x可以是负数
• 平移：transform:translate(x，y)，向右平移x，向下平移y，也可以将translate换为translateX或translateY，表示只进行水平/垂直平移
• 缩放：transform