Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Хотите получать заявки моментально? Вся наша команда и партнеры приступят к проекту, подключив также продвижение Авито. Подходит для тех, кого не удовлетворяет имеющийся объем продаж. Разработка сайта компании/каталог/магазин + Яндекс Директ / ВК реклама + СЕО продвижение + Авито продвижение.

от 189000 

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Разработка сайтов под ключ. Работаем с такими системами, как Worpress, 1C-Bitrix, Tilda. Закажите разработку в Lion Digital и получите по настоящему продающий сайт.

от 32900 

Что такое css переход

CSS-переход (transition) — это анимационный эффект, который позволяет плавно изменять свойства элемента во время изменения состояния.

Переход можно задать для любого свойства CSS, например, цвета (color), высоты (height), ширины (width), положения (position), фона (background) и т.д.

Пример задания CSS-перехода для изменения цвета заднего фона элемента при наведении на него курсора мыши:

.button {
    background-color: yellow;
    transition: background-color 1s ease;
}

.button:hover {
    background-color: orange;
}

Здесь при изменении состояния элемента (наведении курсора мыши на кнопку) свойство background-color будет плавно меняться с желтого на оранжевый цвет в течение одной секунды с эффектом плавности («ease»).

Можно задать несколько свойств для перехода через запятую в свойстве transition:

.button {
    background-color: yellow;
    color: black;
    transition: background-color 1s ease, color 0.5s ease;
}

.button:hover {
    background-color: orange;
    color: white;
}

Здесь при наведении на кнопку цвет фона будет меняться в течение 1 секунды, а цвет текста в течение 0.5 секунды с эффектом плавности («ease»).

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.