Трансформации в CSS

Здравствуйте! В этой статье я хочу рассказать о новом свойстве в CSS3 - трансформации. Одним из нововведений CSS3 по сравнению с предыдущей версией является встроенная возможность трансформаций элемента. К трансформациям относятся такие действия, как вращение элемента, его масштабирование, наклон или перемещение по вертикали или горизонтали. Для создания трансформаций в CSS3 применяется свойство transform.

Вращение

Для поворота элемента свойство transform использует функцию rotate:

transform: rotate(угол_поворота deg);

После слова rotate в скобках идет величина угла поворота в градусах. Например, повернем блок на 30 градусов: Читать далее

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Трансформации в CSS Здравствуйте! В этой статье я хочу рассказать о новом свойстве в CSS3 - трансформации Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/13916319/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Трансформации в CSS </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! В этой статье я хочу рассказать о новом свойстве в CSS3 - трансформации </div> </div> Трансформации в CSS <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/13916319/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Трансформации в CSS</a> <div style="font-family:trebuchet MS;">Здравствуйте! В этой статье я хочу рассказать о новом свойстве в CSS3 - трансформации </div> </div>

webguru

06.07.2017

В избранное Пожаловаться Просмотров: 374

Комментарии ⁰

Полезные сервисы и программы для начинающих пользователей 7268

Важные темы:

Активные участники:

Последние откомментированные темы:

Трансформации в CSS

Вращение

Комментарии временно отключены

Открытая группа
38977 участников