Комментарий от 輝くオーラ

Комментарий #10390457
輝くオーラ

в топике Обсуждение клуба CSS-club – настройка внешнего вида сайта27 января 2024

подскажите, а можно ли как-то сделать, чтобы картинка, которая у меня закрывает блок избранного, выбиралась рандомно из 5 штук при обновлении страницы, а если в идеале, чтобы еще и при наведении на нее они менялись между собой в момент текущего (угасания?)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
P.S. ну и запросы у меня конечно..

@grin3671

Ответы

grin367127 января 2024#

@輝くオーラ, ну, случайная картинка — это просто:

спойлер

Код нужно добавить в @media-запрос к остальным правилам, относящимся к картинке под избранным, чтобы фон не отображался на мобильном экране.

body[data-server_time *= "0+"],
body[data-server_time *= "1+"] {
  --favcover: url("https://i.imgur.com/3glA7J3.jpg");
}
body[data-server_time *= "2+"],
body[data-server_time *= "3+"] {
  --favcover: url("https://i.imgur.com/D2xD5Jp.jpg");
}
body[data-server_time *= "4+"],
body[data-server_time *= "5+"] {
  --favcover: url("https://i.postimg.cc/YCqgCv1w/8449i7.jpg");
}
body[data-server_time *= "6+"],
body[data-server_time *= "7+"] {
  --favcover: url("https://i.imgur.com/DnDlp6h.jpg");
}
body[data-server_time *= "8+"],
body[data-server_time *= "9+"] {
  --favcover: url("https://i.imgur.com/DnDlp6h.jpg");
}

#profiles_show .cc-favourites {
  background-image: var(--favcover);
}

@輝くオーラ, @輝くオーラ, @Apc

Твой комментарий

Комментарий #10390457 輝くオーラ

Комментарий #10390457
輝くオーラ