How to realize the vertical flipping effect in the downward direction of the triangle
This article introduces the relevant knowledge of "how to achieve the vertical flip effect of the triangle downward direction". In the operation of actual cases, many people will encounter such a dilemma. Next, let the editor lead you to learn how to deal with these situations! I hope you can read it carefully and be able to achieve something!
XML/HTML Code copies content to the clipboard
My Taobao
C # Code copies content to the clipboard
/ * Vertical flip * /
.flipy {
Transform:rotate (180deg)
-ms-transform:rotate (180deg); / * IE 9 * /
-moz-transform:rotate (180deg); / * Firefox * /
-webkit-transform:rotate (180deg); / * Safari and Chrome * /
-o-transform:rotate (180deg); / * Opera * /
}
/ * css triangle, all downward direction * /
.cor {display:inline-block; width:0; height:0; margin-bottom:-2px; border-width:4px; border-style:solid dashed dashed; overflow:hidden;}
/ * dark gray * /
.corg6 {border-color:#666 transparent transparent;}
.menu {display:block; padding:2px 8px; border:1px solid # fff; color:#333;font-size: 14px
.menu: hover {background-color:#f5f5f5; border:1px solid # ccc; text-decoration:none;}
.menu: hover .cor {margin-bottom:auto; vertical-align:2px;}
This is the end of the content of "how to achieve the vertical flip effect of the triangle downward direction". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!
