css tick
.tick { position: relative; display: inline-block; width: 40px; height: 40px; border-radius: 20px; background: gray; } .tick:before,.tick:after { background: white; position: absolute; content: " "; left: 30%; right: 30%; top: 50%; height: 2px; bottom: auto; } .tick-success { background: green; transform: rotate(45deg); } .tick-success:after { height: 2px; bottom: 25%; left: 30%; right: 45%; top: auto; } .tick-success:before { width: 2px; height: auto; bottom: 25%; top: 20%; left: 55%; right: auto; } .tick-error { background: red; transform: rotate(45deg); } .tick-error:after { width: 2px; height: auto; top: 20%; bottom: 20%; left: 50%; right: auto; margin-left: -1px; } .tick-error:before { left: 20%; right: 20%; top: 50%; bottom: auto; margin-top: -1px; height: 2px; }
references:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。