Комментарий #9866128

animeshnik_ALT
@animeshnik_ALT,
хочу менять постер при наведении
/*Кликабельность постеров на телефоне*/
@media screen and (max-width: 1199px) {
  .b-achievement .c-image .inner a {
    pointer-events: none;
  }
}
/*Общие, Жанровые, Авторы*/
.p-profiles .b-achievement[data-hint^="200 просмотренных аниме"] .inner:after {
   background-image: url("https://avatars.mds.yandex.net/i?id=bfa436d5d88a8e054db3eadea875ec2a_l-5232412-images-thumbs&n=13"); /*Изначальный постер*/
}
.p-profiles .b-achievement[data-hint^="200 просмотренных аниме"]:hover .inner:after {
   background-image: url("https://media.tenor.com/YEdX9c2T2hIAAAAd/your-name-anime-kimi-no-na-wa.gif"); /*при наведении*/
}
/*Франшизы*/
#profiles_show .cc-franchises .b-badge[href$="/shingeki_no_kyojin"]::after,
.p-achievements-index .b-badge[href$="/shingeki_no_kyojin"],
.p-achievements-franchise .b-badge[href$="/shingeki_no_kyojin"] {
  background-image: url("https://avatars.mds.yandex.net/i?id=913167497ff79e538b8096dcf6495425-3911063-images-thumbs&n=13");
}
#profiles_show .cc-franchises .b-badge[href$="/shingeki_no_kyojin"]:hover::after,
.p-achievements-index .b-badge[href$="/shingeki_no_kyojin"]:hover,
.p-achievements-franchise .b-badge[href$="/shingeki_no_kyojin"]:hover {
  background-image: url("https://media.tenor.com/kz08-PWQR5kAAAAd/attack-on.gif");
}
Убрать авторов
#profiles_show .achievements .cc-2 > .c-column:nth-child(4) {
    display: none;
}
@media screen and (min-width: 1200px) {
  #profiles_show .achievements .cc-2 > .c-column:nth-child(3) {
    margin-bottom: -1.6%;
  }
}
Ответы

Нет комментариев

назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть