网页, 网页设计, 设计, 核心, 内容
三角形翻转的效果,大驾想必见过,这里就把相关具体代码如下贴下,大驾可以应用哦,当然翻转效果暂时不支持IE678。 1、纯CSS做个三角具体代码如下如下:.rightdirection{width:0;height:0;line-height:0;border-width:20px;border-style:solid;border-color:transparenttransparenttransparent#A9DBF6;}.bottomdirection{width:0;height:0;line-height:0;border-width:20px;border-style:solid;border-color:#A9DBF6transparenttransparenttransparent;}.leftdirection{width:0;height:0;line-height:0;border-width:20px;border-style:solid;border-color:transparent#A9DBF6transparenttransparent;}.topdirection{width:0;height:0;line-height:0;border-width:20px;border-style:solid;border-color:transparenttransparent#A9DBF6transparent;}2.翻转:实现翻转.jtb{border-color:#FFD0C0rgba(0,0,0,0)rgba(0,0,0,0);border-style:soliddasheddashed;border-width:10px;font-size:0;height:0;line-height:0;position:absolute;left:150px;top:14px;width:0;}.jt:hoverb{border-color:#cccrgba(0,0,0,0)rgba(0,0,0,0);transform:rotate(180deg);transform-origin:500%0;transition:transform0.2sease-in0s;-moz-transform:rotate(180deg);-moz-transform-origin:500%0;-moz-transition:transform0.2sease-in0s;}您好啊 网页设计 , 核心内容 , 视觉 |
网站建设市场杂乱,如何确保自己的网站脱颖而出?