手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >三角形向下方向垂直翻转效果
三角形向下方向垂直翻转效果
摘要: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;}

【三角形向下方向垂直翻转效果】相关文章:

CSS滤镜实现的颜色渐变翻转效果

CSS立体按钮效果

设置cssClass属性生成的html中check没有class属性问题

纯CSS绘制三角形箭头效果

CSS如何控制网页(WEB)字体

用CSS3打造独具创意的动画菜单效果

发现两个有趣的CSS3动画效果

Div+CSS实例教程:让页脚保持在未满屏页面的底部

css解决覆盖父元素透明度的效果

文字环绕图片的布局效果

精品推荐
分类导航