如何用 html+css 实现平行四边形，以及气泡

transform:skewX(30deg)

扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变

元素的形状。skew()函数不会旋转，而只会改变元素的形状。

一个参数：表示水平方向的倾斜角度；

两个参数：第一个参数表示水平方向的倾斜角度，第二个参数表示垂直方向的倾斜角度

气泡需要两个组合

1、开发人员选项-气泡通知开关开启；

2、设置-通知-通知管理-对应应用气泡通知开启，对应通知类别中设置非静默通知且气泡通知开启；

3、应用发送通知时适配气泡通知效果。

若1、2均开启，收到通知消息时不显示气泡，说明应用暂未适配气泡通知效果。4、效果预期：效果类似于悬浮窗。展开就是一个应用小窗口，收起来就是一个侧边悬浮圈圈，看起来如同气泡。