首页 > 代码库 > css3实现虚拟三角形
css3实现虚拟三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*上箭头*/ .triangle-up { width:0; height:0; border:10px solid transparent; border-bottom-color:yellow; } /*下箭头*/ .triangle-down { width:0; height:0; /*transform: translate(-50%,-50%);*/ border:10px solid transparent; border-top-color:yellow; } /*左箭头*/ .triangle-left { width:0; height:0; border:10px solid transparent; border-right-color:yellow; } /*右箭头*/ .triangle-right { width:0; height:0; /*transform: translate(-50%,0);*/ border:10px solid transparent; border-left-color:yellow; } </style></head><body> <div class="triangle-right"></div></body></html>
css3实现虚拟三角形
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。