纯CSS实现对话气泡(MD.5)

在漫岛的注册成功引导页，有一个小姐姐讲述一些网站玩法规则，须要一个对话气泡效果，用纯CSS实现了一下，效果以下（点击图片放大看）： 网站实际效果结合了动画体验比截图好，，作气泡不难，关键点在于三角形的border只能有两边，因此个人实现思路是用一个只有两边边框的正方形，用transform: rotateZ(xxdeg)旋转对应角度便可。 话很少说，直接贴完整代码，复制粘贴拿回去看看就懂了。强调一

>>阅读原文<<