CSS一些冷门但优化用户体验的样式属性

众所周知，CSS是用来写页面的样式的，一些基础的样式属性想必大家一定是会用的，今天给大家分享没有他也能用，但有了他更好的一些属性

首先是这个属性（鼠标放上去变成小手）：

cursor: pointer;

这个还是蛮好用的，一般加在按钮上或者一些需要进行点击的元素上，当鼠标放在这个元素上，鼠标就会变成一个小手指着该元素，也是提升用户体验了，让用户知道这个“按钮”可以点击

还有一个我个人觉得蛮有用的（鼠标放上去变成禁止）

cursor: not-allowed;

一般加在按钮上或者一些需要进行点击的元素上，当鼠标放在这个元素上，鼠标就会变成一个圆圈，相当于禁止修改该元素，也是提升用户体验了，让用户知道这个“按钮”或“输入框”是用来查看的，不可以点击或进行修改

shape-outside: circle(50%);

还有属性是用来控制元素外形形状的

shape-outside: circle(50%);

这个属性可以将元素的形状来进行改变，根据自己的需要来进行调整改变,可以优化页面的样式，提升用户体验

下面这个应该不算是冷门（css旋转属性）：

transform:rotate(angle);

这个属性也是可有可无，但是有了也是优化用户体验

说白了CSS的样式怎么写都可以，就看这些花里胡哨的属性自己怎么去利用了，只有样式写的尽人意，让人要看下去的念头，当然项目才会被重视和推广