Приветствуем тебя, дизайнер, на сайте theps.art! Профессионал ты или начинающий, не важно. Главное — мы стали отличным местом для поселения и тех и других. Хочешь поделиться своими творениями с другими? Не вопрос. У нас ты встретишь самые адекватные оценки твоего творчества, получишь не мало хороших советов, обретешь множество общительных друзей и много чему научишься новому. Если ты устал от работы, то и в этом мы тебе поможем! На нашем сайте есть отличный кинотеатр. И небольшая коллекция онлайн игр.
Цифровой дизайн похож на живопись, только краски никогда не сохнут ©Neville Brody
Два варианта стилизации изображений при наведении на них на чистом css
Два варианта стилизации изображений при наведении на них на чистом css
Два варианта стилизации изображений при наведении на них на чистом css
  • Просмотров: 85
  • Скачиваний: 0
  • Комментариев: 0
  • Добавлено: 19.05.22, Чт
  • CSIL

1. Вариант на пунктирную линию:
Код для вставки:
Код
<a href="https://theps.art/" target="_blank"> <img src="https://theps.art/_ld/6/53380599.png" alt="www.theps.art" title="www.theps.art"/></a>

CSS:
Код
img:hover {  
  outline: 1px dashed #401d11; /* Ширина, вид и цвет рамки */  
  outline-offset: -8px; cursor:pointer; /* Выводим рамку внутри элемента */
  }]

2. Вариант на сплошную линию:
Код для вставки:
Код
<a href="https://theps.art/" target="_blank"> <img src="https://theps.art/_ld/6/53380599.png" alt="www.theps.art" title="www.theps.art"/></a>

CSS:
Код
img:hover {
  border: 2px solid #1a1919; cursor:pointer; /* Ширина, вид и цвет рамки */
}

  • Хочу скачать
  • Спасибо: +1
  • Сообщить о битой ссылке
  • 4.8 Kb

  Теги: чистом, наведении, изображений, Варианта, стилизации   Источник: https://pcvector.net/
Всего комментариев: 0
avatar