生活随笔
收集整理的這篇文章主要介紹了
三角形条幅设计
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
根據項目需求，用css做了一個如下圖所示的CRM三角形條幅，簡單說就是三角形背景色塊，加一個傾斜縮放的CRM字體；
代碼如下：
<div class="triangle-topleft"><span class="font-CRM">CRM</span>
</div>.triangle-topleft {width: 0;height: 0;border-top: 32px solid #ebf2f9;border-right: 32px solid transparent;position: relative;
}
.font-CRM {color: #1182e0;position: absolute;top: -40px;left: -3px;transform: scale(0.7) rotate(
-45deg
);font-size: 12px;font-weight: bold;
}
總結
以上是生活随笔為你收集整理的三角形条幅设计的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
