三角形向下方向垂直翻转效果_ Div+Css教程-查字典教程网
三角形向下方向垂直翻转效果
三角形向下方向垂直翻转效果
发布时间:2016-12-27 来源:查字典编辑
摘要:XML/HTMLCode复制内容到剪贴板我的淘宝C#Code复制内容到剪贴板/*垂直翻转*/.flipy{transform:rotate(...

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;}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类