240
純CSS實現斜角
今天看了看騰訊的七周年時光軸，發現這個斜角的CSS，研究了半天提出下麵代碼可以直接實現斜角，不是CSS3哦，那個就太容易了
-webkit-transform:rotate(10deg);
傾斜度後再隱藏直接就可以了，下麵要說的更方便實現：
<style type="text/css">
.dot {
font-size: 0;
line-height: 0;
border-width: 10px;
border-color: red;
border-left-width: 0;
border-style: dashed;
border-right-style: solid;
border-top-color: transparent;
border-bottom-color: transparent;
}
</style>
<span ></span>
效果如下：邊緣很清晰的斜角，比做圖弄出來的好多了
另外我後來發現通過設置不同方向邊線寬度，還可以調整斜角的角度，這個很簡單大家自己修改嚐試下吧就不贅述啦
最後更新：2017-04-03 12:54:57