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

grin3671
проверить как оно в плитке мы, все вместе, сможет разве что после правки...
С CSS всё становиться чуточку проще:
/* Создаём контейнер для свои изображений */
.p-achievements .b-badge::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: top center / cover;
}

/* Повторяем стандартные настройки изображений */
.b-badge.level-0:not(:hover)::after {
  opacity: 0.5;
}

.b-badge.level-0.unavailable:not(:hover)::after {
  opacity: 0.2;
}

/* Скрываем текущие картинки (через запятую) */
.p-achievements .b-badge[href$="/fate"] img {
  visibility: hidden;
}

/* Устанавливаем свои картинки */
.p-achievements .b-badge[href$="/fate"]::after {
  background-image: url(https://i.imgur.com/1nspsYx.jpg);
}

Вот как это выглядит:
Ответы
Seagoul
Seagoul#
@grin3671, можно прям на страничке по-быстрому все варианты прогнать, чтобы каждый раз настройки не менять. Ну, точнее мне кажется так проще.
spoiler
4-1-|2 g-e-a-r
4-1-|2 g-e-a-r#
@grin3671, магия теряется, нет ощущения пикчи на кончиках пальцев\
А вообще нормально выглядит, куда лучше арта, я бы заменял...
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть