Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
1 / 1 / 0
Регистрация: 21.03.2018
Сообщений: 93
1

Динамическая смена фона у блока

19.01.2020, 16:12. Показов 787. Ответов 4

Здравствуйте, не происходит смена картинок в анимации.

HTML5
1
<p class="p3"></p>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.p3 {
width:60%;
height:400px;
margin:auto;
background-size: 100% 100%;
background-repeat: no-repeat;
min-width:800px;
max-width:1000px;
animation-name: images; animation-duration: 4s; 
animation-iteration-count:infinity;
}   
@keyframes images{
    0%{background-image: url(image/постер.jpg);}
    50% {background-image: url(image/постер 2.jpg);}
}
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
19.01.2020, 16:12
Ответы с готовыми решениями:

Динамическая смена фона div'a
Доброй ночи) Возникла такая проблема... Как сделать чтобы фон у div'a копировался с основного фона...

Динамическая прозрачность фона. Как сделать?
Всем доброе утро! У меня есть фон шапки: header { background-image: url(&quot;/images/shap5.png&quot;);...

Смена фона сайта
Здравствуйте. Вот с такой проблемой столкнулся. У меня шапка сайта в css прописана по типу фона,...

Плавная смена фона кнопки
.intro__button { max-height: 55px; max-width: 155px; margin-top: 60px; text-transform:...

4
468 / 333 / 144
Регистрация: 16.02.2018
Сообщений: 930
19.01.2020, 17:12 2
вместо этого:
Цитата Сообщение от mxmod Посмотреть сообщение
animation-name: images; animation-duration: 4s;
animation-iteration-count:infinity;
пишем это(для короткой записи):
CSS
1
animation: images 4s ease infinite;
А так, у вас опечатка в слове infinite
0
1 / 1 / 0
Регистрация: 21.03.2018
Сообщений: 93
19.01.2020, 17:22  [ТС] 3
Всё равно не работает, вторая картинка не выводится...

Добавлено через 1 минуту
Если вместо background-image поставить background-color, то цвет фона работает, не хочет работать именно background-image
0
468 / 333 / 144
Регистрация: 16.02.2018
Сообщений: 930
19.01.2020, 18:10 4
mxmod, так это проблемы с картинкой, именем, или ещё чем-то, но не с анимацией.
постер 2.jpg уберите пробел, переименуйте.
0
1 / 1 / 0
Регистрация: 21.03.2018
Сообщений: 93
19.01.2020, 18:32  [ТС] 5
О, спасибо, проблема действительно была в наименовании картинки.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
19.01.2020, 18:32

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

клик на меню и смена фона
Как писать коды на HTML и СSS ,можно на JS , при наведении клика на меню , должно произойти смена...

Плавная смена фона дива
Приветствую. Надо мне в шапке сайта тупо менять картинки - штук 8 по кругу. Использовать плагины и...

Смена фона с помощью анимации
Здравствуйте, подскажите пожалуйста, хочу сделать фон, который бы сам по себе менялся ...

Динамическая высота блока с изображением
Доброго времени суток. Есть страница на флексах с хедером/футером. В центре страницы - большой...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.