Mail.ru
Почта
Мой Мир
Одноклассники
ВКонтакте
Игры
Знакомства
Новости
Календарь
Облако
Заметки
Все проекты
Все проекты
выход
Регистрация
Вход
Категории
Все вопросы проекта
Компьютеры, Интернет
Темы для взрослых
Авто, Мото
Красота и Здоровье
Товары и Услуги
Бизнес, Финансы
Наука, Техника, Языки
Философия, Непознанное
Города и Страны
Образование
Фотография, Видеосъемка
Гороскопы, Магия, Гадания
Общество, Политика, СМИ
Юридическая консультация
Досуг, Развлечения
Путешествия, Туризм
Юмор
Еда, Кулинария
Работа, Карьера
О проектах Mail.ru
Животные, Растения
Семья, Дом, Дети
Другое
Знакомства, Любовь, Отношения
Спорт
Золотой фонд
Искусство и Культура
Стиль, Мода, Звезды
Полный список
Спросить
Лидеры
Поиск по вопросам
Ответы Mail.ru
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Вопросы - лидеры.
Нарисовать блок схему для кода на Python
1 ставка
Написать программу на языке C#
1 ставка
Помогите с решением задачи на тему кортежа, питон, где-то не дописал может чего
1 ставка
C++ код к задаче напишите пожалуйста
1 ставка
Помогите пожалуйста! Не работает рендеринг частиц в приложении Blender 3D.
1 ставка
Лидеры категории
Лена-пена
Искусственный Интеллект
М.И.
Искусственный Интеллект
Y.Nine
Искусственный Интеллект
•••
А может тут кто этот слайдер сделать не во весь экран (по ширине) а в определённых границах?
Гидравлический насос
Профи
(775), закрыт
4 года назад
Размер фоток должен быть 965Х370px
Фотки
http://decorgrate.ru/1.jpg
(1,2,3,4)
html
div id="slider">
figure>
img src="austin-fireworks.jpg" alt>
img src="taj-mahal_copy.jpg" alt>
img src="ibiza.jpg" alt>
img src="ankor-wat.jpg" alt>
img src="austin-fireworks.jpg" alt>
/figure>
/div>
css
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
body { margin: 0; }
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure {
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 30s slidy infinite;
}
Лучший ответ
Elepsis Eclipse
Гений
(64039)
4 года назад
Простой слайдер на CSS
— размеры ограничиваются размерами wrapper.
Гидравлический насос
Профи (775)
4 года назад
о норм поднастроить ток
Остальные ответы
Похожие вопросы
Фотки http://decorgrate.ru/1.jpg (1,2,3,4)
html
div id="slider">
figure>
img src="austin-fireworks.jpg" alt>
img src="taj-mahal_copy.jpg" alt>
img src="ibiza.jpg" alt>
img src="ankor-wat.jpg" alt>
img src="austin-fireworks.jpg" alt>
/figure>
/div>
css
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
body { margin: 0; }
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure {
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 30s slidy infinite;
}