Как убрать мелькание hover для картинки svg на :before?

Question

[yakov_l]

Как убрать мелькание hover для картинки svg на :before?

&:hover
				&:before
					background: url(../img/phone_icon--hover.svg) no-repeat 
			&:before
				content: ''
				background: url(../img/phone_icon.svg) no-repeat
				width: 20px
				height: 20px
				position: absolute
				top: 1px
				left: 0px

Comments

[Lord_Dantes]

Попробуйте поставить трансформ 3д 0

[Dymok]

загрузить phone_icon--hover.svg заранее, например поставив его тому же элементу в качестве background для ::after и спрятать абсолютным позиционированием

Answer 1

[yakov_l]

решил так сделать
body::after {
content:
url('image1.jpg')
url('image2.jpg')
url('image3.jpg');
display: none;
}

Comments

[Иван Фронтендов]

Зачем костыли, если есть link rel preload?