![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Как создать сайт?
Как создать свой сайт легко и просто, имеются библиотеки html, css, php, javascript, jquery, web-график. автор: Васильев Олег Никандрович. КАК СОЗДАТЬ САЙТ
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Ссылки на каскадные стили CSS - transform-origin.Поддержка Браузеров
Определение и использование. Свойство transform-origin позволяет изменить положение на трансформированных элементах. 2D преобразование элемента изменяет х-и у-оси элемента. 3D преобразовывает элемент еще в направлении Z-ось элемента. Внимание!!! Свойство transform-origin следует использовать вместе с transform-property. Итак, по простому говоря, свойство transform-origin устанавливает начало координат преобразования выбранного Вами элемента для преобразования( трансформации). Для свойства transform-origin указывается от одного до трех значений длины: -Первое значение длины указывает положение на оси x по отношению к полю, содержащему элемент. Может быть числовое значение длины, процентное соотношение или одно из следующих трех ключевых слов: left, center, right. -Второе значение длины указывает положение на оси y по отношению к полю, содержащему элемент. Может быть числовое значение длины, процентное соотношение или одно из следующих трех ключевых слов: top, center, bottom. -Третье значение длины указывает положение на оси z по отношению к полю, содержащему элемент. Данное значение должно быть числовым. Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство transform-origin, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно. Синтаксис: transform-origin: x-axis y-axis z-axis|initial|inherit; Описание и Использование
Свойства Значения
Пишем программу - установить развернутый элемент: < !DOCTYPE html> < html> < head> < style> #rr1 { position: relative; height: 250px; width: 250px; margin: 80px; padding:10px; border: 1px solid #07F; } #rr2 { padding:50px; position: absolute; border: 1px solid #07F; background-color: #F7C; transform: rotate(45deg); transform-origin:30% 50%; -ms-transform: rotate(45deg); /* IE 9 */ -ms-transform-origin:30% 50%; /* IE 9 */ -webkit-transform: rotate(45deg); /* Opera, Chrome, and Safari */ -webkit-transform-origin:20% 40%; /* Opera, Chrome, and Safari */ } < /style> < /head> < body> < div id="rr1"> < div id="rr2">ПРИВЕТ!!!< /div> < /div> < /body> < /html> Результат программы: ПРИВЕТ!!!
ПОНРАВИЛОСЬ?
|
с ранним добрым утром!
фотограф
Оля Леман свадьбы и торжества. нажмите сюда ![]()
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Сайт работает с 04.12.2013г. по 22-01-2021г. уже 8 лет © Права на сайт у Олега Васильева.
Копирование сайта при указании ссылки на источник. |