vin2809 Feb 10 2019 at 14:00

Эффекты фильтров SVG. Часть 2. Контурный текст при помощи feMorphology

10 min

7.3K

Web design*CSS*

Translation

+18

Comments 4

pansom Feb 10 2019 at 16:37

Признаться честно гораздо легче text-stroke делать через text-shadow. В любом препроцессоре простейший миксин пишется в два счёта.
Вот для PostCSS ismamz.github.io/postcss-utilities/docs#text-stroke

sfi0zy Feb 10 2019 at 17:19

На чистом CSS не получится сделать прозрачный текст с обводкой. Единственный вариант — через нестандартный text-stroke, но он в том же IE не работает.

pansom Feb 10 2019 at 19:51

Скажем так. Если фон это сплошная заливка 1 цветом, то проблем нет. Если фон картинка, то уже другое дело.
Я не против SVG и сам активно его использую, но когда части текста просто нужно text-stroke я не склонен его вгонять в SVG, а просто навешу класс и всё.

kovserg Feb 10 2019 at 16:55

А есть инструмент который позволяет сохранить результат применения фильтров в SVG без фильтров?

Show the best of all time