[問題] 請問CSS的遮罩一定只能用圖片嗎?

看板Web_Design作者 (香蕉共和國)時間11年前 (2015/04/08 22:36), 編輯推噓1(105)
留言6則, 3人參與, 最新討論串1/1
http://www.w3cplus.com/css3/css-masking.html 如上頁,遮罩一定只能用圖片來做嗎?(上頁是用米老鼠來當作遮罩圖片) 如果我的遮罩只是一般的矩形而已,有必要把它做成圖片嗎?(因為我要做遮罩動畫,每一 單位時間都要載入一張遮罩圖片對電腦而言實在太費力了,所以能用什麼方法做會更快?) -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 219.80.132.115 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1428503809.A.39C.html

04/09 04:13, , 1F
沒用過幾次遮照,不熟 但是比較常聽到svg mask
04/09 04:13, 1F

04/09 12:46, , 2F
那想請問一下,svg mask該怎樣運用到html裡呢?
04/09 12:46, 2F

04/09 12:52, , 3F
方形的用個div加overflow-hidden就好了吧?
04/09 12:52, 3F

04/09 12:53, , 4F
圓形的也是加個border-radius而已,幹嘛用到像素遮罩?
04/09 12:53, 4F

04/09 13:47, , 5F
我找到clip了
04/09 13:47, 5F

04/09 13:47, , 6F
謝謝你,clip: rect();
04/09 13:47, 6F
文章代碼(AID): #1L9Jq1ES (Web_Design)
文章代碼(AID): #1L9Jq1ES (Web_Design)