微信公众平台气泡对话框是怎么做出来的

html-css013

微信公众平台气泡对话框是怎么做出来的,第1张

这是用css+html实现的，不是公众号自带的功能。先用制作网页的软件设计出来，然后把效果复制粘贴到公众号编辑器，就可以实现。想要自己设计就需要有一点css代码基础，也有一些现成的可以直接抄来用。你从别人帐号上直接复制过来，并不是通用的HTML格式，当然不能用了。要提取代码自己另存才可以的。

方法如下：1、点击css样式窗口的"新建css规则"，打开新建css规则对话框。2、在选择器类型中选择“类”，选择器名称选择.title，在规则定义中选择新建样式表文件。点击确定后选择样式文件要放置的文件夹。3、这样就创建了一个css样式文件，并新建了一个名为.title的样式。在打开的css规则定义对话框中的左侧选择类型，这就是css规则的类型样式，主要用于设置文本的css样式。

transform:skewX(30deg)

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

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

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

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

气泡需要两个组合