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

Lion Digital Agency

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

теги:

Категории

Рубрики

Подходит для небольших стартапов и тех, кто еще не рекламировал свой бизнес в интернете. Разработка сайта (до 5 страниц) + Яндекс Директ / ВК реклама.

от 69000 

Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.

от 22900 

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

от 189000 

Как сделать анимацию в css при наведении

Чтобы создать анимацию при наведении (hover) в CSS, можно использовать псевдокласс :hover в сочетании с плавным переходом между значениями свойств. Например, мы хотим создать анимацию увеличения размера кнопки при наведении на нее мышкой:

.button {
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border-radius: 10px;
  transition: transform 0.3s ease-in-out;
}

.button:hover {
  transform: scale(1.1);
  cursor: pointer;
}

Здесь мы задаем начальные стили для кнопки .button, а также устанавливаем плавный переход между значениями свойства transform.

Затем мы используем псевдокласс :hover, чтобы задать новые стили при наведении на кнопку. Мы устанавливаем значение transform: scale(1.1), чтобы увеличить размер кнопки на 10%. Также мы добавляем свойство cursor: pointer, чтобы показать, что кнопку можно нажимать.

Таким образом, при наведении мыши на кнопку, ее размер увеличится с плавной анимацией.

Поделиться:

Комментарии

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

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

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

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

Меню

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

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