今天小编跟大家讲解下有关三角形向下方向垂直翻转效果 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关三角形向下方向垂直翻转效果 的相关资料,希望小伙伴们看了有所帮助。
XML/HTML Code复制内容到剪贴板 <prename="code"class="html"><div><ahref="javascript:"id="menu"class="menu">我的淘宝<spanid="flipCor"class="corcorg6"></span></a></div> C# Code复制内容到剪贴板 .flipy{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .cor{display:inline-block;width:0;height:0;margin-bottom:-2px;border-width:4px;border-style:soliddasheddashed;overflow:hidden;} .corg6{border-color:#666transparenttransparent;} .menu{display:block;padding:2px8px;border:1pxsolid#fff;color:#333;font-size:14px;margin-left:40px;} .menu:hover{background-color:#f5f5f5;border:1pxsolid#ccc;text-decoration:none;} .menu:hover.cor{margin-bottom:auto;vertical-align:2px;}来源:爱蒂网