Transform. Трансформации в CSS. Функции: translate, scale, rotate, skew.
Крутой прелоадер на чистом HTML и CSS
Анимация перекатывающихся кубиков!
Код и видео
Создание сайтов с нуля - урок 40 - Трансформации в CSS
В этом уроке мы рассмотрим различные двухмерные трансформаций, которые можно реализовать при помощи свойств CSS. Общий синтаксис трансформации: transform: функция трансформации(значение трансформации); Функция translateX - позволяет перемещать объекты по горизонтали, т.е. по оси x. Например, следующая запись сдвинет элемент вправо на 200 пикселей: transform: translateX(200px); Если значение трансформации задать отрицательным, то элемент сдвинется влево. Из единиц измерения обычно применяются px или %. Функция translateY - позволяет перемещать объекты по вертикали, т.е. по оси y. Принцип тот же – положительное значение сдвигает объект вниз, отрицательное вверх...