栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

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

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

XML/HTML Code复制内容到剪贴板
  1. 我的淘宝
      
C# Code复制内容到剪贴板
  1.     
  2. .flipy{    
  3. transform:rotate(180deg);    
  4. -ms-transform:rotate(180deg);     
  5. -moz-transform:rotate(180deg);     
  6. -webkit-transform:rotate(180deg);     
  7. -o-transform:rotate(180deg);     
  8. }    
  9.   
  10.     
  11. .cor{display:inline-block; width:0; height:0; margin-bottom:-2px; border-width:4px; border-style:solid dashed dashed; overflow:hidden;}    
  12.     
  13. .corg6{border-color:#666 transparent transparent;}    
  14.   
  15. .menu{display:block; padding:2px 8px; border:1px solid #fff; color:#333;font-size: 14px;margin-left: 40px;}    
  16. .menu:hover{background-color:#f5f5f5; border:1px solid #ccc; text-decoration:none;}    
  17. .menu:hover .cor{margin-bottom:auto; vertical-align:2px;}   
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/216754.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号