Изучите CSS-преобразование за 4 минуты 🔄
Автор: Bro Code
Загружено: 2021-09-03
Просмотров: 25704
Описание:
Пример урока по CSS-трансформации с пояснениями
#CSS #transform #tutorial
#box1{
border: 4px solid;
width: 250px;
height: 250px;
font-size: 225px;
text-align: center;
background: lightskyblue;
/*
transform: translateX(50px);
transform: translateY(50px);
transform: translate(50px, 50px);
transform: rotateX(180deg);
transform: rotateY(180deg);
transform: rotateZ(180deg);
transform: scaleX(3);
transform: scaleY(3);
transform: scale(2, 2);
transform: skewX(45deg);
transform: skewY(45deg);
transform: skew(20deg, 20deg);
*/
/*
transform: matrix(1, 0, 0, 1, 0, 0);
матрица объединяет следующее:
scaleX(),
skewY(),
skewX(),
scaleY(),
translateX(),
translateY()
*/
}
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке:
