CSS преобразовывает, позволяют элементам, разработанным с CSS быть преобразованными в двумерное или трехмерное пространство
CSS преобразовывает свойство, позволяет разработчикам поворачивать, масштабировать, и скашивать блоки HTML с помощью CSS. Хотя тот же эффект может быть выполнен с изображениями в Photoshop, или GIMP, с помощью CSS преобразовывает, позволяет разработчикам делать то же самое с любой разметкой HTML и позволяет пользователям выбирать текст в преобразованном объекте.
Пример
/* Keyword values */ transform: none; /* Function values */ transform: matrix(1.0, 2.0, 3.0, 4.0, 5.0, 6.0); transform: translate(12px, 50%); transform: translateX(2em); transform: translateY(3in); transform: scale(2, 0.5); transform: scaleX(2); transform: scaleY(0.5); transform: rotate(0.5turn); transform: skew(30deg, 20deg); transform: skewX(30deg); transform: skewY(1.07rad); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: translate3d(12px, 50%, 3em); transform: translateZ(2px); transform: scale3d(2.5, 1.2, 0.3); transform: scaleZ(0.3); transform: rotate3d(1, 2.0, 3.0, 10deg); transform: rotateX(10deg); transform: rotateY(10deg); transform: rotateZ(10deg); transform: perspective(17px); /* Multiple function values */ transform: translateX(10px) rotate(10deg) translateY(5px); /* Global values */ transform: inherit; transform: initial; transform: unset; Документация:
- Официальный документ css3-2d-transforms W3C
- Официальный документ css3-3d-transforms W3C
- CSS преобразовывает - ссылка MDN
- Использование CSS преобразовывает - ссылка MDN
Переходы CSS позволяют изменениям свойства в значениях CSS происходить гладко по указанной продолжительности.
Переходы CSS позволяют изменениям свойства в значениях CSS происходить гладко по указанной продолжительности. Переходы CSS были представлены как часть спецификаций CSS3.
Как работы Переходов CSS3?
Переходы CSS3 являются эффектами, которые позволяют элементу постепенно измениться от одного стиля до другого.
Чтобы сделать это, необходимо указать две вещи:
- свойство CSS Вы хотите добавить эффект к
- продолжительность эффекта
Следующее является всеми свойствами перехода:
переход - краткое свойство для установки для свойств перехода в единственное свойство
задержка перехода - Указывает, когда эффект перехода запустится
продолжительность перехода - Указывает, сколько секунд или миллисекунд эффект перехода берет для завершения
свойство перехода - Указывает название свойства CSS, для которого эффект перехода
функция синхронизации перехода - Указывает кривую скорости эффекта перехода
Ссылки и документы: