@DmchkoDD

Как отобразить GIF-файл в селекторе?

Здравствуйте! Сразу извините меня за некую бестактность, в CSS, можно сказать, совсем недавно. Перейду к проблеме.
Мне на сайте, на котором есть встроенная строка CSS (то есть, у меня статус обычного пользователя, который имеет доступ к редактированию стиля своего профиля через строку CSS), нужно добавить в селектор самодельную GIF-анимацию. То есть, я записал видео через Bandicam, перевёл его в GIF-файл, загрузил на сайт gifer, после чего вставил в код ссылку на данную GIF, перезагружаю страницу, но сайт ее не отображает в профиле, как и в самом селекторе. А теперь главное - он отображает все другие GIF-анимации с этого сайта (то есть, GIF-анимации, загруженные на сайт gifer другими пользователями), ссылки на которые я вставлял в код. Помогите, пожалуйста, как можно исправить данную проблему? Почему моя самоделка стала изгоем среди своих?

Код (размеры файла подгонял под селектор, ну и сам селектор подгонял под общее строение профиля, чтобы все было ровно и красиво):

.p-profiles .profile-head .c-history::after {
content: '';
visibility: visible;
position: absolute;
top: -21px;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 321px;
background: url("ссылка на GIF") center;
background-size: contain;
background-size: cover;
z-index: -10;

То есть, по идее, должно выглядеть вот так(пример):
607d85185a27c775088418.png

А выглядит так:
607d86f999d8f868809079.png

И все же, что не так в моем коде?
  • Вопрос задан
  • 37 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы