Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

transition-property

.

transition-property

Это свойство содержит список свойств элемента CSS, которые должны изменяться в процессе переходов. В переходах могут быть использованы background, border, а также свойства блочной модели. Вы можете делать переходы для размера шрифта и его жирности, но не между семействами шрифтов. Вот список свойств, которые согласно спецификации W3C допускают переходы, по состоянию на август 2010 г.:

• background-color и background-position;

• border-color,border-spacing и border-width;

• bottom, top, left и right;

• clip;

• color;

• crop;

• font-size и font-weight;

• height и width;

• letter-spacing;

• line-height;

• margin;

• max-height,max-width, min-height и min-width;

• opacity;

• outline-color, outline-offset и outline-width;

• padding;

• text-indent; text-shadow;

• vertical-align;

• visibility;

• word-spacing;

• z-index.

В некоторых браузерах допускается применение переходов и к другим свойствам, в том числе к функциям преобразования, но они (пока) не включены в спецификацию. Обратите также внимание на то, что не все браузеры в настоящее время полностью поддерживают переходы по приведенному выше списку.

Вы можете включить любое число свойств CSS в декларацию transition-property, разделив их занятыми. В качестве альтернативы можно использовать ключевое слово all — так вы даете браузеру понять, что любое свойство из числа поддерживаемых может быть ани-мировано. В данном конкретном случае мы применим переход к свойству transform:

transition-property

Обратите внимание, что мы указываем все свойства с префиксами. Поскольку список свойств, допускающих переходы, все еще не завершен, будьте внимательны: возможно, свойство, которое нельзя анимировать в данный момент, будет анимироваться по прошествии определенного времени; используйте только те свойства, которые вы действительно собираетесь анимировать, и, но возможности, избегайте ключевого слова all. В любом случае, пока все эти стили не окажут никакого эффекта; как минимум, необходимо указать продолжительность перехода.


.

Читайте так же:
Not found