CSS. Hover Image Загрузка медленная

Question

У меня есть кнопка отправки, которая изменяется, когда пользователь наводит на нее курсор мыши. Сейчас загрузка изображения занимает некоторое время, и вы получаете полсекунды, где вместо другой кнопки находится белый экран. Есть ли способ улучшить это, используя только CSS и HTML, или мне нужно немного поработать с JS?

Answer 1

Используйте спрайт-изображение , а затем переключайте положение фона при наведении курсора. Это гарантирует, что изображение, отображаемое при наведении, уже было загружено.

Answer 2

CSS-спрайты

И загружать спрайты css, когда DOM готов, это может как бы «предварительно загрузить» изображение, прежде чем пользователь наведет курсор на кнопку отправки:)