好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

虎扯:纯css3各方向小三角的制作原理分析-小老虎的牙

入驻博客园两个月之后的第一篇随笔,希望能够做到三个原则:

One:不浪费自己的时间,

Tow:不浪费读者的时间,

第三就是希望有缘的朋友们多多指教,共度前端快乐的大坑!!!

咱们今天来做一个居家旅行必备的小tips,展现前端老前辈的智慧,积淀的文化...

先来一个小口诀【呆会会用到的,不用着急记住它哦】

四方小三角(上,下,左,右)

尖角反方线,给颜色 /*设置边线*/

两边夹角线成透明 /*设置边线*/

参数都相同 /*线的参数都一样*/

给予三条边 /*有三条边哦*/

八方小三角(左上,左下,右上,右下)

左右相反成透明 /*设置边线*/

上下相同给颜色 /*设置边线*/

送你两条边 /*好方便,就两条边*/

哥们上代码:举个梨子

四方来角 之(up,up,up上)来个div盒子,是否可以用其他的容器?(哥们没试过,够用就好)

查看更多关于虎扯:纯css3各方向小三角的制作原理分析-小老虎的牙的详细内容...

  阅读:30次