纯CSS实现按钮提交等待效果,半透明 + loading动画 + disable,不用任何js/html,仅需一个css即可
admin 96 2019-03-17 22:48:28
button {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
button:before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
margin-right: 0.5em;
color: red;
border: 1px solid red;
border-radius: 50%;
vertical-align: -10%;
clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 0% 30%);
animation: rotate 1s linear infinite;
}
@keyframes rotate {
from {
transform: rotatez(0deg);
}
to {
transform: rotatez(360deg);
}
}
To share this paste please copy this url and send to your friends
预览
还没有评论.
最新分享
- PHP用redis实现计数器功能从而实现限流
PHP | 48 | 2周前
- PHP批量下载QQ空间相册照片链接
PHP | 42 | 2周前
- PHP对一个接口进行请求次数限制
PHP | 32 | 2周前
- PHP汉字转拼音类文件
PHP | 34 | 2周前
- laravel 表单验证 api自定义错误信息返回json 与 路由别名场景验证
PHP | 37 | 2周前
- QQ或微信内打开网站提示用浏览器打开代码
PHP | 57 | 3周前
- 简易防CC攻击刷新跳转代码
PHP | 55 | 3周前