SVG代碼音畫《西北省區(qū)風(fēng)光長圖》

寒冬殘荷

欣賞大作！為您點贊！

寒冬殘荷

195400 發(fā)表于 2021-9-12 15:02 看看哪種效果與您的期望接近些？

寒冬殘荷

我喜歡這樣的。這樣感覺有點似仙境

195400

寒冬殘荷 發(fā)表于 2021-9-12 15:32
我喜歡這樣的。這樣感覺有點似仙境

紅楓

195400 發(fā)表于 2021-9-12 15:02 看看哪種效果與您的期望接近些？

這樣的效果似乎要好些（其實就是邊框陰影效果），但能將陰影內(nèi)陷，也許就能起到邊緣羽化效果了。（我用 inset 似乎沒效果）。

195400

紅楓 發(fā)表于 2021-9-12 16:00 這樣的效果似乎要好些（其實就是邊框陰影效果），但能將陰影內(nèi)陷，也許就能起到邊緣羽化效果了。（我用 ...

嗯， inset好像都跑到圖片后面去了。用box-shadow過渡不太自然。

紅楓

195400 發(fā)表于 2021-9-12 16:04 嗯， inset好像都跑到圖片后面去了。用box-shadow過渡不太自然。

原來可以這樣，是要調(diào)節(jié)的！

195400

紅楓 發(fā)表于 2021-9-12 18:08
原來可以這樣，是要調(diào)節(jié)的！

調(diào)節(jié)下得到滿意的效果。

寒冬殘荷

寒冬殘荷 發(fā)表于 2021-9-12 15:32 我喜歡這樣的。這樣感覺有點似仙境

寒冬殘荷

第一個是：-webkit-mask-image: radial-gradient(black, transparent 70%);
第二個是：-webkit-mask-image: radial-gradient(black 65%, transparent 70%);

加了個65%，就沒有云里霧里的仙境感覺了