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

寒冬殘荷

欣賞大作！為您點(diǎn)贊！

寒冬殘荷

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

寒冬殘荷

我喜歡這樣的。這樣感覺(jué)有點(diǎn)似仙境

195400

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

紅楓

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

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

195400

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

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

紅楓

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

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

195400

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

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

寒冬殘荷

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

寒冬殘荷

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

加了個(gè)65%，就沒(méi)有云里霧里的仙境感覺(jué)了