当前位置:海纳阁—我的个人经验分享 »

纯css实现div异形效果

Posted by 杨志欣 on 四月 20th, 2015
2860 Views
纯css实现div异形效果
在纯css实现三角形之后,我们发现实际上通过div边框的设置我们可以实现大量异形效果。主要用到的是边框宽度、颜色、透明和圆角四大属性,下面我们先来看一下我们待敌能实现多少异形(同形状的不同角度视为一种形状): 阅读全文

纯css完成带尖角的DIV效果

Posted by 杨志欣 on 四月 16th, 2015
2836 Views
纯css完成带尖角的DIV效果
带三角的对话框效果(点点轻博客截屏)        上面这张图片眼熟吗?类似效果是目前很多网站,聊天工具里非常常见的。那么红圈位置的那个尖角是怎么来的呢?你可以通过填充图片再配合div位置的方式来完成,这是很常见也最容易想到的做法。但是,今天我们玩一把技术流,只通过纯css的方式来实现这个效果。 首先我们先分析一下这个效果,在排除掉小三角后它其实就是div圆角、div阴影、div白......阅读全文