純CSS實現對話氣泡(MD.5)

在漫島的註冊成功引導頁，有一個小姐姐講述一些網站玩法規則，須要一個對話氣泡效果，用純CSS實現了一下，效果以下（點擊圖片放大看）： 網站實際效果結合了動畫體驗比截圖好，，作氣泡不難，關鍵點在於三角形的border只能有兩邊，因此個人實現思路是用一個只有兩邊邊框的正方形，用transform: rotateZ(xxdeg)旋轉對應角度便可。 話很少說，直接貼完整代碼，複製粘貼拿回去看看就懂了。強調一

>>阅读原文<<