codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-свойства/animation
← align-selfaspect-ratio →
CSS-свойства
align-contentalign-itemsalign-selfanimationaspect-ratiobackdrop-filterbackgroundbackground-colorbackground-imagebackground-positionbackground-repeatbackground-sizeborderborder-colorborder-radiusborder-styleborder-widthbottombox-shadowbox-sizingclearcolorcontentcursordisplayfilterflexflex-basisflex-directionflex-growflex-shrinkflex-wrapfloatfontfont-familyfont-sizefont-stylefont-weightgapgridgrid-areagrid-columngrid-rowgrid-template-areasgrid-template-columnsgrid-template-rowsheightjustify-content@keyframesleftletter-spacingline-heightlist-stylemarginmax-heightmax-widthmin-heightmin-widthobject-fitopacityorderoutlineoverflowpaddingplace-contentplace-itemspointer-eventspositionrighttext-aligntext-decorationtext-overflowtext-transformtoptransformtransitionuser-selectvisibilitywhite-spacewidthword-breakz-index

animation

Запуск ключевой анимации @keyframes.

Сигнатураanimation: <name> <duration> <timing> <delay> <count> <direction>

Свойство animation привязывает к элементу набор кадров @keyframes. Задают имя, длительность, плавность, число повторов (infinite), направление.

.spinner { animation: spin 1s linear infinite; }
← Все записи: CSS-свойства
codechick

Простой и тёплый способ научиться программировать.

Платформа
КурсыПрограммыЗадачиОлимпМатериалыЖурналШпаргалкиСправочникЯзыки за минутыСтатистика
Инструменты
Студия кодаВизуализатор кодаДиаграммы MermaidСистемы счисленияJSON-форматтерТестер regexВсе инструменты →
Проект
О насTelegram-каналTelegram-чатКонтакты
© 2026 codechick.io · сделано с заботой о цыплятах