现在在前端开发中,经常会看到一些小三角形,如一些导航的下拉菜单,还有一些聊天信息的气泡模式,很多时候我们都是通过切图片的方法来制作,今天零度给大家分享一个完全通过css3实现的小三角效果。
先上html代码:
代码如下 | 复制代码 | ||||
我使用了四个div分别展示上下左右四个方向的箭头,下面是css代码:
|
现在在前端开发中,经常会看到一些小三角形,如一些导航的下拉菜单,还有一些聊天信息的气泡模式,很多时候我们都是通过切图片的方法来制作,今天零度给大家分享一个完全通过css3实现的小三角效果。
先上html代码:
代码如下 | 复制代码 | ||||
我使用了四个div分别展示上下左右四个方向的箭头,下面是css代码:
|