Считается ли костылем использовать свойства filter для background-image вместо inline svg?

господи, делайте как вам удобнее.

но только не через фильтер?
по сути Вы ж сказали , что через фильтр костыль..

Считается ли костылем использовать свойства filter для background-image вместо inline svg?

Ankhena,

<svg class="svg">
    <g id="icon-search">
      <path d="M16 16L12.4584 12.4521L16 16ZM14.4211 7.71053C14.4211 9.49027 13.7141 11.1971 12.4556 12.4556C11.1971 13.7141 9.49027 14.4211 7.71053 14.4211C5.93078 14.4211 4.22394 13.7141 2.96547 12.4556C1.707 11.1971 1 9.49027 1 7.71053C1 5.93078 1.707 4.22394 2.96547 2.96547C4.22394 1.707 5.93078 1 7.71053 1C9.49027 1 11.1971 1.707 12.4556 2.96547C13.7141 4.22394 14.4211 5.93078 14.4211 7.71053V7.71053Z" stroke-width="2" stroke-linecap="round"/>
    </g>
</svg>

<svg viewBox="0 0 20 20">
                                <use xlink:href="#icon-search"></use>
                            </svg>

а так?

Считается ли костылем использовать свойства filter для background-image вместо inline svg?

Ankhena, изучу. но через фильтр считается костылем? или это просто один из способов и всё...

Как сделать нестандартный плейсхолдер?

Антон Литвиненко,

Как сделать нестандартный плейсхолдер?

Mesuti, дизайн

Как исправить большую высоту у враппера слайдера?

Виталий Першин, спасибо. А это не считается костылем? или тут просто вариантов нет

Как исправить большую высоту у враппера слайдера?

Виталий Першин , а без задания высоты нельзя?

Как сделать, чтоб слайдер не обрезался?

Ankhena, в настройках браузера масштаб 100%
но в настройках ноутбука было так
видимо потому так было

Как сделать, чтоб слайдер не обрезался?

Ankhena, а если у меня так? кэша нет

Как сделать, чтоб слайдер не обрезался?

Ankhena, не помогает https://vlados096zver.github.io/slider/

Как исправить ошибку в pagespeed?

SagePtr, тоесть плохая верстка или что? не совсем пойму

Как исправить ошибку в pagespeed?

Павел, вот так тоже не работает

<link rel="preload" as="style" href="fonts/fonts.css">
        <link rel="preload" as="style" href="css/swiper-bundle.min.css">
		<link rel="preload" as="style" href="css/style.css">

Как исправить ошибку в pagespeed?

galaxy, будет значительно больше 12кБ

Почему градиент по разному отображается?

Aetae, Lynn «Кофеман», прошу прощение. Вроде всё хорошо. Что-то напутал

Как исправить ошибку в pagespeed?

Павел, так тогда не будут стили работать, шрифты

<link rel="preload" href="fonts/fonts.css">
        <link rel="preload" href="css/swiper-bundle.min.css">
		<link rel="preload" href="css/style.css">

Почему градиент по разному отображается?

Aetae, Lynn «Кофеман», вот проблема

Как по клику на элемент поменять курсор?

Ankhena, ниже Brasileiro показал пример
усложнил?

Как по клику на элемент поменять курсор?

Ankhena, именно картинку курсора можна поменять? на кастомную картинку

Как по клику на элемент поменять курсор?

Vova135798, именно картинку курсора можна поменять? на кастомную картинку

Почему градиент по разному отображается?

Lynn «Кофеман», Aetae, получше
но все-равно не так, как десктопе. Или никак не сделать точь в точь?