CSS-трансформации - презентация, доклад, проект скачать

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему CSS-трансформации. Доклад-сообщение содержит 12 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

CSS-трансформации

Слайд 2

Описание слайда:

Атрибут transform -moz-transform для Firefox -webkit-transform для Chrome и Safari -o-transform для Opera -ms-transform для Internet Explorer 9+

Слайд 3

Описание слайда:

Поворот блока transform: rotate(45deg); transform: rotate(-30deg); transform: rotate(135deg); transform: rotate(-270deg); transform: rotate(360deg);

Слайд 4

Описание слайда:

Масштабирование блока transform: scale(1.5); transform: scale(0.7); transform: scaleX(3); transform: scaleY(0.2);

Слайд 5

Описание слайда:

Скос transform: skew(30deg, 20deg); transform: skew(-15deg, -50deg);

Слайд 6

Описание слайда:

Смещение transform: translate(30px, 20px); transform: translate(-15px, -50px);

Слайд 7

Описание слайда:

Переходы (transition) transition-property - свойство, на которое распространяется действие трансформации. Можно указать несколько через запятую. Все свойства – all transition-property: background-color; transition-property: color,border; transition-property: all;