close

製作網站: http://bennettfeely.com/clippy/ 

注意事項:

  • 使用 clip-path 要從同一個方向繪製,如果順時針繪製就一律順時針,逆時針就一律逆時針,因為 polygon 是一個連續的線段,若線段彼此有交集,面積區域就會有相減的狀況發生 ( 當然如果這是你要的效果就無妨了 )。
  • 如果繪製時採用「比例」的方式繪製,長寬就必須要先行設定,不然有可能繪製出來的長寬和我們想像的就會有落差,使用「像素」繪製就沒有這種問題。

來源網址:

http://www.oxxostudio.tw/articles/201503/css-clip-path.html

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 swordheart313 的頭像
    swordheart313

    前端筆記

    swordheart313 發表在 痞客邦 留言(0) 人氣()