Резултатът от този урок работи в Safari, Chrome, Opera, Firefox, от версия 4 (виж трансформацията, но без анимация). Също така, с помощта на браузър префикс -ms- един, вие ще бъдете в състояние да видите положителни резултати в IE, като се започне с девета версия.
За изпълнение на CSS анимация е необходимо да се постави специални настройки на трансформация, които отговарят на мишката събития. Трябва да посочите и функция, която ще отговаря за изпълнението на анимацията.
За да работите трансформации в Firefox и Opera, просто замени префикс -webkit на -moz и -o. За IE - по -MS.
1. Въведение в CSS трансформация
CSS преобрази се използва за промяна на вида, посока, както и други елементи на трансформациите. Всички тези настройки се задават в нормалните листове стил, а когато отворите страницата, вие вече виждате завърши резултат на преобразуването. За да се покаже превръщане от една форма в друга (анимация трансформация) може да бъде закрепен към елемент за някакво събитие (например, Задържането на курсора събитие);
В примера, описан по-долу, ние поставихме 4 абсолютно идентични и DIV рамка в 2px. За трансформирането на елементи от данни в браузърите работи на WebKit, добави представката -webkit-трансформация:
Преместен в правилната -webkit-трансформация: превеждам (3em, 0);
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!
Свързани статии