Search Icon mobile
CODE
×
HTML
<a class='search-icon-mobile'></a>
CSS
a.search-icon-mobile { background-image: url('../img/search-mobile.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; display:inline-block; width: 32px; height: 32px; margin-right: 25%; float:right; } a.search-icon-mobile:hover, a.search-icon-mobile:focus { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.25); transform: scale(1.25); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.25); transform: scale(1.25); } } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Search Icon mobile
×