Как загрузить иконку которая будет загружаться лишь при ховере?
Добрый день, есть иконка в svg в разных цветах, черный и белый при ховере. Таким образом при ховере загружается новая иконка. Даже учитывая что SVG весит очень мало, когда пользователь первый раз загрузил страницу и наводит, то иконка подгружается лишь тогда, таким образом, видно немного пустое пространство. Как можно загрузить иконку при загрузке все страницы, с учетом того что она используется лишь при ховере?
Тимур Турсунбаев, только если элемент показан, т. е. файл картинки из правила с :hover будет грузится только когда сработает этот :hover. Не раньше.
Иными словами, браузер не грузит файлы, указанные в CSS до тех пор, если этого элемента нет на странице или он не скрыт в display: none, :hover, :active и т. п.
Я проверил, действительно грузит сразу ресурсы, если их указать так. Либо же там есть хак для body и множественные файлы background-image, которые затем визуально скрываются. Что можно тоже использовать, ибо это тоже работает.
Простой
