首页 > 代码库 > 用border做一个移动端常见的返回按钮
用border做一个移动端常见的返回按钮
第一步
.hs1{ float: left; .mt(.25rem); .ml(.12rem); width: .3rem; height: .3rem; border-top: 2px solid #fff; //关键 border-left: 2px solid #fff; //关键 color: #fff; }
<a href="javascript:;" class="hs1"></a>
效果如图
第二步：运用css3 tranform的rotateZ
.hs1{ float: left; .mt(.25rem); .ml(.12rem); width: .3rem; height: .3rem; border-top: 2px solid #fff; border-left: 2px solid #fff; color: #fff; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); //上面均是兼容写法 transform: rotateZ(-45deg); }效果如图：
用border做一个移动端常见的返回按钮
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。