这个是阿达的css测试页面,记录了一些在wiki上比较有趣的代码,可以单独拿出来复制粘贴。
鼠标光标改变
点击下面的字体可以观察改变
自动
添加
正常默认
点击状态
移动
左右
左下右上
左上右下
上下
同左下右上,代码不同
同左上右下,代码不同
同上下,代码不同
同左右,代码不同
打字
请稍后
问号
.loading:after {
overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis 2s infinite; -moz-animation: ellipsis 2s infinite; animation: ellipsis 2s infinite; content: "\2026"; /* ascii code for the ellipsis character */
} @-moz-keyframes ellipsis {
from {
width: 2px;
}
to {
width: 15px;
}
} @-moz-keyframes ellipsis {
from {
width: 2px;
}
to {
width: 15px;
}
}
@-webkit-keyframes ellipsis {
from {
width: 2px;
}
to {
width: 15px;
}
}