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);/*IE9*/ -moz-transform:rotate(180deg);/*Firefox*/ -webkit-transform:rotate(180deg);/*Safari和Chrome*/ -o-transform:rotate(180deg);/*Opera*/ } /*css三角，均是向下方向*/ .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;}
【三角形向下方向垂直翻转效果】相关文章：