先上圖看效果
1.三角形怎么畫
通過控制四周邊框實現,想要紅色區域三角形的就設置其他三邊顏色設置為transparent,想要什么什么三角形就其他邊設置為透明顏色即可.
2.三角形畫好后,利用偽類,定位實現帶三角對話框效果
3.實現陰影效果,因為三角形視覺看上去是三角形,但其實是矩形,直接給加box-shadow實現不了三角形的,
解決辦法:再加一個偽類,設置他的顏色為陰影的顏色,然后利用定位差覆蓋實現陰影效果
css畫三角形以及實現帶三角的陰影效果
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。