Css свойства переходов и анимации
Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.
Свойство |
Описание |
Введено в |
@keyframes |
Блок для определения анимации. |
CSS3 |
animation |
Позволяет установить все свойства анимации (кроме animation-play-state) за одно определение. |
CSS3 |
animation-name |
Позволяет установить имя анимации. |
CSS3 |
animation-duration |
Позволяет указать время выполнения анимации в секундах. |
CSS3 |
animation-timing-function |
Позволяет указать функцию смягчения отвечающую за плавность выполнения анимации. |
CSS3 |
animation-delay |
Позволяет установить величину задержки перед началом выполнения анимации. |
CSS3 |
animation-iteration-count |
Позволяет установить количество повторов анимации. |
CSS3 |
animation-direction |
Позволяет указать должна ли анимация выполняться в обратном порядке или нет. |
CSS3 |
animation-play-state |
Позволяет указать должна ли анимация выполняться или быть остановлена. |
CSS3 |
transition |
Позволяет задать все свойства переходов за одно определение. |
CSS3 |
transition-property |
Позволяет указать CSS свойства, которые будут задействованы для создания перехода. |
CSS3 |
transition-duration |
Позволяет указать время, в течении которого будет совершен переход. |
CSS3 |
transition-timing-function |
Позволяет указать функцию смягчения отвечающую за плавность выполнения перехода. |
CSS3 |
transition-delay |
Позволяет установить величину задержки перед началом выполнения перехода. |
CSS3 |
Css свойства таблиц и списков
Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.
Свойство |
Описание |
Введено в |
list-style |
Позволяет определить все свойства списков за одно определение. |
CSS1 |
list-style-image |
Позволяет установить произвольную картинку вместо маркера списка. |
CSS1 |
list-style-position |
Позволяет определить где должен отображаться маркер списка. |
CSS1 |
list-style-type |
Позволяет определить вид маркера списка. |
CSS1 |
border-collapse |
Позволяет установить должны ли границы таблицы и ячеек соединится. |
CSS2 |
border-spacing |
Позволяет установить расстояние между границами смежных ячеек. |
CSS2 |
caption-side |
Позволяет установить место расположения табличного заголовка. |
CSS2 |
empty-cells |
Позволяет установить как должны отображаться пустые табличные ячейки. |
CSS2 |