CSS样式——仿微信语音对话框

一个小三角+一个圆角矩形

话不多说先上效果图:


效果图

我们把这个图形拆分成一个圆角化了的矩形和一个旋转后的矩形,然后背景色正好是圆角矩形的背景色


图形拆分

所以有了清晰的思路,那下面就是代码实现了

完整代码





    微信对话框样式
    


   

你可能感兴趣的:(CSS样式——仿微信语音对话框)