三角形向下方向垂直翻转效果

网络
秋天的人们是勤劳的。人们忙着摘果实、收稻谷，脸上挂满了丰收的喜悦。
XML/HTML Code复制内容到剪贴板
  1. <prename="code"class="html"><div><arel="nofollow noopener noreferrer" href="javascript："id="menu"class="menu">我的淘宝<spanid="flipCor"class="corcorg6"></span></a></div>
C# Code复制内容到剪贴板
  1. /*垂直翻转*/
  2. .flipy{
  3. transform:rotate(180deg);
  4. -ms-transform:rotate(180deg);/*IE9*/
  5. -moz-transform:rotate(180deg);/*Firefox*/
  6. -webkit-transform:rotate(180deg);/*Safari和Chrome*/
  7. -o-transform:rotate(180deg);/*Opera*/
  8. }
  10. /*css三角，均是向下方向*/
  11. .cor{display:inline-block;width:0;height:0;margin-bottom:-2px;border-width:4px;border-style:soliddasheddashed;overflow:hidden;}
  12. /*深灰色*/
  13. .corg6{border-color:#666transparenttransparent;}
  15. .menu{display:block;padding:2px8px;border:1pxsolid#fff;color:#333;font-size:14px;margin-left:40px;}
  16. .menu:hover{background-color:#f5f5f5;border:1pxsolid#ccc;text-decoration:none;}
  17. .menu:hover.cor{margin-bottom:auto;vertical-align:2px;}

以上就是三角形向下方向垂直翻转效果。爱拼才会赢，这不仅仅是一句宣言，而是一种态度。一种乐观向上的态度。一种端正的态度。请相信，有什么样的态度，就有什么样的结果。有什么样的态度，就有什么样的人生与未来。端正的态度，毫不夸张的说。就是成功了一大半。我们自己的态度，决定了我们的人生。更多关于三角形向下方向垂直翻转效果请关注haodaima.com其它相关文章！