Содержание

Как сделать слайдер с помощью animation и keyframes? HTML и CSS

Слайдер из 8 картинок. Нужно, чтоб автоматически каждая картинка 3 секунды стояла на месте и листалась в течение 2 секунд. И так 8 раз. Здесь нужно правильно прописать код
@keyframes slider, но не знаю как правильно.

<div>
    <figure>
        <img src="static/1.jpg">
        <img src="static/2.jpg">
        <img src="static/3.jpg">
        <img src="static/4.jpg">
        <img src="static/5.jpg">
        <img src="static/6.jpg">
        <img src="static/7.jpg">
        <img src="static/8.jpg">
    </figure>
</div>
#slider{
    overflow: hidden;
    width: 800px;
    height: 500px;
    border: 2px solid rebeccapurple;
    margin: 0 auto;
}
#slider figure{
    position: relative;
    width: 800%;
    margin: 0;
    left: 0;
    animation: 40s slider infinite;
}
#slider figure img{
    float: left;
    width: 20%;
}
@keyframes slider{
    0% { left: 0; }
    20% { left: 0; }
    33.
3% { left: -100%; } 53.3% { left: -100%; } 66.6% { left: -200%; } 86.6% { left: -200%; } 66.6% { left: -300%; } 79.9% { left: -300%; } 100% { left: 0; } }
  • html
  • css
  • анимация
  • слайдер

Получилось. 3 секунды картинка стоит на месте, за 2 секунды перелистывается.

3 / 40 x 100 = 7.5

2 / 40 x 100 = 5

0% + 7.5 + 5 + 7.5 + 5 + 7.5 + 5 + 7.5 + 5 + 7.5 + 5 + 7.5 + 5 + 7.5 + 5 + 7.5 + 5 = 100%

Поправлены два селектора CSS на следующее:

#slider figure img
{
    float: left;
    width: 800px;
}
@keyframes slider
{
    0% { left: 0; }
    7.5% { left: 0; }
    12.5% { left: -100%; }
    20% { left: -100%; }
    25% { left: -200%; }
    32.5% { left: -200%; }
    37.5% { left: -300%; }
    45% { left: -300%; }
    50% { left: -400%; }
    57.5% { left: -400%; }
    62.5% { left: -500%; }
    70% { left: -500%; }
    75% { left: -600%; }
    82.5% { left: -600%; }
    87.5% { left: -700%; }
    95% { left: -700%; }
    100% { left: 0; }
}
1

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Слайдер. Турбо‑страницы для контентных сайтов

Слайдер может содержать:

<div data-block="slider" data-view="landscape">
    <Описание

\n

Элемент слайдера. Может быть рекламным блоком РСЯ, картинкой или ссылкой.

\n "}}">> <Описание

Видео-блок.

"}}">> <source src="https://clck.ru/Kiunj" type="video/mp4" data-duration=15 data-title="Закат"/> </video> <Описание

Картинка.

"}}"> src="https://clck.ru/Kiun7"/> <Описание

Подпись к элементу слайдера.

"}}">>Таймлапс заката</figcaption> </figure> <
Описание

\n

Элемент слайдера. Может быть рекламным блоком РСЯ, картинкой или ссылкой.

\n "}}"> data-turbo-ad-id="first_YAN_ad_place"></figure> <Описание

\n

Элемент слайдера. Может быть рекламным блоком РСЯ, картинкой или ссылкой.

\n "}}">> <Описание

Подпись к элементу слайдера.

"}}">>Фото заката</figcaption> <
Описание

Картинка.

"}}"> src="https://clck.ru/Kiun7"/> </figure> <Описание

\n

Элемент слайдера. Может быть рекламным блоком РСЯ, картинкой или ссылкой.

\n "}}"> data-turbo-ad-id="second_YAN_ad_place"></figure> </div>

Примечание. Слайдер не поддерживает GIF-анимацию.

Используйте элемент div со следующими атрибутами

АтрибутОписание
data-block *Принимает значение slider.
data-viewПозволяет задать отображение картинок. Возможные значения:
data-item-viewВозможные значения:
  • contain (по умолчанию) — контент масштабируется и отображается полностью.

  • cover — контент полностью покрывает слайдер, может обрезаться;

* Обязательный атрибут.

Внутри элемента
div
используйте следующие элементы
ЭлементОписание
headerОбщая подпись ко всему слайдеру. Отображается, если ни у одного элемента figure нет подписи.
figure *

Элемент слайдера. Может быть рекламным блоком РСЯ, картинкой или ссылкой.

figcaption
Подпись к элементу слайдера.
imgКартинка.
aСсылка.
videoВидео-блок.
source *Параметры видео-ролика.

* Обязательный элемент.

Атрибут элемента figure
АтрибутОписание
data-turbo-ad-idВ качестве значения добавьте ID позиции рекламного блока, указанный в элементе turbo:adNetwork или на странице Турбо‑страницы для контентных сайтов → Настройки Вебмастера.
Атрибуты элемента video
АтрибутОписание
width
*
Ширина видео-блока.
height *Высота видео-блока.
Атрибуты элемента source
АтрибутОписание
src *URL видео.
type *Тип видео. Поддерживается video/mp4.
data-duration
*
Отображаемая длительность видео, целое число.
data-titleЗаголовок видео-блока

* Обязательный атрибут.

Написать в службу поддержки

Была ли статья полезна?

70 ярких примеров дизайна слайдера диапазона CSS (БЕСПЛАТНЫЕ демонстрации)

Ползунок шестерни

Креативный двухдиапазонный ползунок, который имитирует зубчатое колесо на каждом конце, когда ползунок скользит.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Ползунок диапазона CSS

Фрагмент кода из 3-х однодиапазонных ползунков с индикатором значения и разным значением шага.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Ползунок двойного диапазона

Этот фрагмент кода представляет собой минималистичный ползунок двойного диапазона с желтой темой и индикаторами значений.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

JQuery

Посмотреть код и демонстрацию

Ползунок диапазона Verly

Очень творческий, но не очень полезный ввод диапазона, имитирующий висячую полосу.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Verly Range Slider

Посмотреть код и демонстрацию

Вывод ползунка диапазона

CodePen с простым ползунком диапазона, который имеет пузырек, указывающий значение в верхней части маркера.

Сделано с помощью:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Ползунок бюджета

Пример кода красивого трехмерного ползунка диапазона, показывающего ваш бюджет.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

JQuery

Посмотреть код и демонстрацию

Ползунок эквалайзера диапазона

Этот фрагмент кода представляет собой набор входных параметров диапазона, которые имитируют эквалайзер с привлекательным дизайном.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Ползунок диапазона куба

Ползунок творческого диапазона, который указывает значение, подсвечивая набор светло-зеленых 3D-кубов.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Нейморфный дизайн слайдера с одним диапазоном на чистом CSS

Впечатляющий дизайн слайдера с одним диапазоном в неоморфном стиле и без использования JavaScript.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Ползунок диапазона вращения телефона

Этот фрагмент кода представляет собой трехмерный телефон, который вращается с помощью простого ползунка диапазона.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

GSAP

9 0004 Посмотреть код и демонстрацию

Ползунок диапазона GSAP SVG

Красиво изогнутый ползунок диапазона с изменением цвета в зависимости от положения ручки.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

JQuery

GSAP

Посмотреть код и демонстрацию

Настраиваемый ползунок диапазона

Простой собственный и настраиваемый ползунок диапазона с розовым дизайном, использующий только ввод HTML и чистый CSS.

Сделано с:

HTML

CSS

Зависимости:

Просмотр кода и демонстрации

Динамический фон сетки с помощью ползунка диапазона

Этот фрагмент кода представляет собой динамический фон сетки, который изменяет размер сетки с помощью простого ползунка диапазона с индикатором значения сетки.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Индикатор ползунка CSS

Этот CodePen отображает ползунок ввода с индикатором округленного значения, который отображается каждый раз при изменении значения ползунка диапазона.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Ползунок всплывающей подсказки SVG

Этот фрагмент кода имеет один входной диапазон с прекрасной анимацией для пузырькового индикатора, который отображается каждый раз при изменении значения.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Слайдеры с плоским диапазоном

Фрагмент кода из 3 ползунков диапазона с плоским дизайном и красной темой, использующий только CSS.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Входы с несколькими диапазонами

В этом фрагменте кода мы находим набор из 4 высококачественных настраиваемых ползунков диапазонов с различным дизайном.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демонстрацию

Многодиапазонный ползунок пользовательского интерфейса jQuery

CodePen с многодиапазонным ползунком ввода с индикаторами в обоих обработчиках, созданных с помощью jQuery.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

JQuery

Посмотреть код и демонстрацию

Ползунок диапазона цветов градиента

Этот фрагмент кода отображает один ползунок диапазона, он отображает градиент для указания активного значения ввода.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

CoffeeScript

Посмотреть код и демонстрацию

Ползунок диапазона в форме ручки

Этот CodePen представляет собой ползунок диапазона в виде ручки с одним элементом ввода HTML и почти без JavaScript.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демонстрацию

Чистый диапазон ввода CSS

Чистый минималистичный ползунок диапазона CSS с красной темой и индикатором, показывающим текущее значение.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Ползунок диапазона с индикатором значения

Фрагмент кода базового ползунка диапазона, созданного с использованием HTML, CSS и JavaScript, с индикатором значения, который следует за контроллером.

Сделано из:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демонстрацию

Ползунок ценового диапазона

Ползунок двойного диапазона с простым дизайном, который может устанавливать значения через текстовые поля.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Pug

Stylus

JQuery

90 004 Посмотреть код и демонстрацию

Ползунок диапазона времени JQuery

Этот CodePen создан с использованием библиотеки jQuery и отображает ползунок с двойным диапазоном для установки временного диапазона.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

JQuery

Посмотреть код и демонстрацию

Ползунок пользовательского диапазона CSS

Креативный и красочный ползунок диапазона, который в зависимости от своего значения меняет цвет, а индикатор, показывающий значение, меняет размер.

Сделано с помощью:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Просмотр кода и демонстрации

Ползунок двухточечного диапазона

Фрагмент кода простого ползунка двойного диапазона, показывающий 2 значения, заданные по краям ползунка.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

JQuery

Bootstrap

Посмотреть код и демо

Вход диапазона неоморфизма

Если вам нужен пример дизайна слайдера с одним диапазоном в стиле Neumorphism с использованием только CSS и HTML, это ваш выбор.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Индикатор веса диапазона ползунка

Этот фрагмент кода представляет собой ввод ползунка диапазона с простой конструкцией для установки веса и с индикатором округленного значения в обработчике.

Сделано с помощью:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демонстрацию

Ползунок с несколькими диапазонами CSS3

Ползунок с несколькими диапазонами, использующий только CSS и HTML, с элегантным дизайном и эффектом наведения на контроллеры для отображения настроенного значения.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Ползунок диапазона с обратной связью

Ползунок диапазона с градиентным цветом и ручкой, которая показывает значение ввода и меняет свой цвет в зависимости от зоны, в которой он находится.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Ползунок вертикального диапазона

Фрагмент кода простого, но хорошо продуманного вертикального ползунка с привлекательной оранжевой темой.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Компактный ползунок диапазона

Этот фрагмент кода представляет собой простой, но красивый встроенный ползунок ввода с тонким эффектом наведения.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Ползунок скользящего диапазона

Фрагмент кода ползунка творческого диапазона с регулятором в виде пингвина с красивой анимацией при изменении значения.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Stylus

Посмотреть код и демонстрацию

Скругленный ползунок диапазона

Скругленный ползунок диапазона температур с привлекательным дизайном и индикатором значения, который обновляется в соответствии со значением ползунка.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Стилизованный ползунок диапазона

Фрагмент кода, показывающий собственный ползунок ввода диапазона с ярким дизайном.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Ползунок диапазона пользовательского интерфейса

Этот простой ползунок ввода диапазона создан только с использованием HTML и CSS и имеет индикатор значения.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Ползунок радиального диапазона

Ползунок радиального диапазона 360 градусов с розовой темой и индикатором точного значения в градусах в центре компонента пользовательского интерфейса.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

Haml

CoffeeScript

90 004 JQuery

Посмотреть код и демонстрацию

Ползунок диапазона SVG

Пример кода одного ползунка диапазона с простым дизайном и индикатором значения на краю.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

GSAP

Посмотреть код и демонстрацию

Ползунок диапазона Material Design

Ползунок диапазона с индикатором значения на контроллере с зеленой темой, вдохновленной стилем Material Design.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Pug

Stylus

Мопс

CoffeeScript

JQuery

Посмотреть код и демонстрацию

Элементы управления ползунками Chrome

Фрагмент кода с набором из 5 ползунков с одинаковым дизайном, но разными цветами и элегантным дизайном.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Границы ползунка диапазона с плавающей запятой

Фрагмент кода ползункового ввода с десятичными значениями и индикатором для отображения значения.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

rangeslider.js 900 05

Посмотреть код и демонстрацию

Ползунок двойного диапазона React JS

Этот ползунок двойного диапазона можно настроить с помощью контроллеров или текстовых полей, в которых отображается значение ползунка.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

React JS

Посмотреть код и демо

Ввод диапазона

Ползунок одного диапазона с привлекательным дизайном, большим индикатором значения и анимацией в обработчике, когда он активен.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Адаптивный слайдер

Набор из 4 слайдеров диапазона, один двойной и одинарный, с разными цветовыми темами и красивой анимацией при перемещении ручки.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Ползунок диапазона одноколесного велосипеда

Креативный ползунок диапазона, в котором ручка представляет собой одноколесный велосипед с приятной анимацией каждый раз, когда вы его перемещаете.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Ползунок диапазона цен 3D

В этом фрагменте кода показан один ползунок диапазона 3D для настройки вашего бюджета.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

JQuery

Посмотреть код и демонстрацию

Ползунок диапазона HTML

CodePen с одним входным ползунком диапазона и с индикатором значения на дескрипторе.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Меньше

JQuery

Посмотреть код и демонстрацию

Ползунок диапазона громкости

Этот фрагмент кода показывает индикатор диапазона громкости приятного желтого цвета и дизайн в стиле неоморфизма.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

Мопс

Посмотреть код и демонстрацию

Ползунок диапазона куба

Этот фрагмент творческого кода показывает один ползунок диапазона в форме трехмерных кристальных кубов.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Диапазон ссуды

Ввод диапазона для отображения суммы ссуды с фиолетовым градиентом, отображающим активную зону, и красивой активной анимацией на ручке.

Сделано с помощью:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демонстрацию

Ползунок диапазона со значением в кружке

Очень простой ползунок для одного диапазона, который имеет кружок со значением в маркере и отображается каждый раз при изменении значения.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Ползунок диапазона с фиксированными значениями

Фрагмент кода, показывающий ползунок диапазона с фиксированными доступными значениями и плоским дизайном.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

SCSS

JQuery

Посмотреть код и демонстрацию

Двойной слайдер

Этот CodePen представляет собой минималистичный двухдиапазонный слайдер с лаконичным дизайном.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демонстрацию

Ползунок диапазона на чистом CSS

Ползунок диапазона на чистом CSS с красивым дизайном и большим индикатором значения.

Сделано с:

HTML

CSS

Зависимости:

Посмотреть код и демонстрацию

Ползунок пользовательского диапазона

Ползунок пользовательского диапазона с простым дизайном и пузырем на ручке, указывающим его значение.

Сделано с помощью:

HTML

CSS

JavaScript

Зависимости:

Просмотр кода и демонстрации

Ползунок диапазона с несколькими ручками

Ползунок с несколькими диапазонами, с красивой анимацией на ручке при наведении или нажатии на нее и очень стильной фиолетовой темой.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Многодиапазонный ползунок времени

Фрагмент кода многодиапазонного ползунка для установки периода с градиентным цветом в активной зоне.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Stylus

Посмотреть код и демонстрацию

Ползунок двойного диапазона

Фрагмент кода ползунка двойного диапазона для выбора квадратных метров, с красивым и простым дизайном.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

JQuery

Посмотреть код и демонстрацию

Ползунок диапазона React

Ползунок диапазона, созданный с помощью React. js, с индикатором значения на краю.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Ползунок двойного диапазона AngularJS

Этот CodePen показывает ползунок двойного диапазона с настраиваемыми значениями, созданными с помощью AngularJS.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

AngularJS

JQuery

Посмотреть код и демонстрацию

Ползунок с несколькими диапазонами с Alpine.js и Tailwind CSS

Ползунок с двумя диапазонами с индикаторами значений на каждом краю компонента, созданный с помощью Tailwind.css и Alpine.js.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Alpine.js

Tailwind CSS

Посмотреть код и демонстрацию 900 05

Ползунок диапазона с пузырем лайков

Этот фрагмент кода представляет собой ползунок диапазона, который указывает количество лайков в пузыре в обработчике.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Pug

SCSS

JQuery

90 004 Посмотреть код и демонстрацию

Сдвиг темы с ползунком диапазона

CodePen с ползунком одного диапазона, который изменяет тему пользовательского интерфейса в зависимости от значения ползунка.

Состав:

HTML

CSS

JavaScript

Зависимости:

Stylus

Посмотреть код и демонстрацию

Ползунок диапазона бюджета

Фрагмент кода с красиво оформленным ползунком диапазона для указания бюджета.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

JQuery

Посмотреть код и демонстрацию

Причудливые ползунки ввода диапазона

Этот фрагмент кода представляет собой набор из 5 творческих ползунков с анимацией наведения, которые применяют различные цветовые темы градиента.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Pug

SCSS

Посмотреть код и демонстрацию

Диапазон ввода температуры жидкости

Фрагмент кода ползунка диапазона термостата, который меняет цвет в зависимости от заданной температуры.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Pug

SCSS

Посмотреть код и демонстрацию

Футуристический слайдер

Скругленный слайдер с футуристической анимацией при изменении диапазона практически без JavaScript.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Ползунок скевоморфного диапазона

Набор из двух красиво оформленных скевоморфных ползунков диапазона.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демонстрацию

Ползунок Spicy

Фрагмент кода ползунка диапазона для обозначения остроты, который меняет цвет ручки в зависимости от своего положения.

Сделано с:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демо

Мягкий циферблат

Фрагмент кода циферблата округлой формы, с минималистичным дизайном и красивой анимацией.

Сделано с помощью:

HTML

CSS

JavaScript

Зависимости:

Посмотреть код и демонстрацию

Пример слайдера HTML

Создайте адаптивный слайдер изображений HTML в кратчайшие сроки! Посмотрите видео, чтобы узнать, как!

  Демонстрация HTML-слайдера изображений и примеры

Узнайте больше о том, как этот занимательный HTML-слайдер может перемещаться по странице!

  HTML-код слайдера

Код для вставки между тегами:


  
 

HTML-код для вставки между тегами в том месте, где должен отображаться HTML-слайдер изображений:



<дел>
<раздел><ул>
  • jpg" alt="Вертолет" title="Вертолет"/>Тип вертолета
  • СамолетМашина, способная летать за счет поддержки с воздуха
  • ДельтапланНемоторизованный летательный аппарат тяжелее воздуха, запускаемый с ног
  • AerostatВоздушный шар
  • RocketКосмический аппарат, получающий тягу от ракетного двигателя
  • <дел><дел> Вертолет1 Самолет2 Дельтаплан3 jpg" alt="Аэростат"/>4 Ракета5 <дел>