好得很程序员自学网

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

使用纯CSS3创建一个纺锤形分隔线_html/css_WEB-ITnose

纺锤形分割线用于仿真纸中间被剪开时的阴影效果,也就是中间咧开而两边收拢的情况。

简单讲就是两头小,中间大。如下所示(请忽略中间的wow图标):


使用CSS3来实现这种效果,可以使用border-radius和box-shadow两个属性。

首先我们需要一个DIV来容纳分割线。

查看更多关于使用纯CSS3创建一个纺锤形分隔线_html/css_WEB-ITnose的详细内容...

  阅读:34次