У меня проблема с эффектом парения - PullRequest
Новая
       4

У меня проблема с эффектом парения

1 голос
/ 20 января 2020

У меня проблема с эффектом наведения, реализованным на моем сайте squarespace. Эффект отлично работает на рабочем столе. На мобильном телефоне все изображения отображаются нормально, и когда я нажимаю на них, они выводят меня на нужную ссылку. Но когда я нажимаю обратно в браузере, изображение исчезает. Может кто-нибудь посоветовать?

image

1 Ответ

1 голос
/ 20 января 2020

Поскольку изображение при наведении на самом деле представляет собой всего лишь 70% тонированную версию оригинала, проще просто отрегулировать непрозрачность при наведении. Это также должно устранить вашу ошибку: 

.example-link img {
  display: block;
  width: 200px;
  max-width: 100%;
  transition: opacity 250ms;
}

.example-link:hover img {
  opacity: 0.7;
}
<a class="example-link" href="https://workitoutgym.com/womeninfo">
  <img src="https://static1.squarespace.com/static/5547fb28e4b035cc76d1df27/t/5e24c3a05c97ae22c794c67a/1579467680832/women.jpg">
</a>
...