这个是阿达的css测试页面,记录了一些在wiki上比较有趣的代码,可以单独拿出来复制粘贴。
鼠标光标改变
点击下面的字体可以观察改变
自动
添加
正常默认
点击状态
移动
左右
左下右上
左上右下
上下
同左下右上,代码不同
同左上右下,代码不同
同上下,代码不同
同左右,代码不同
打字
请稍后
问号
button {
background-image: linear-gradient(#5187c4, #1c2f45); background-size: auto 200%; background-position: 0 100%; transition: background-position 0.5s;
} button:hover {
background-position: 0 0;
}