как юзать onMouseLeave

Подскажите, хочу применить на сайте эффект обратный :hover/transition,когда убирается мышь из элемента, чтобы не происходило "бросания", а элемент плавно возвращался в исходное положение


Ответы (1 шт):

Автор решения: Alex Sazonov

Вот. Наводишь - плавно всё меняется. Уводишь - так же плавно, но в исходное положение. Зачем жс для таких вещей? Или я может не понял задачу.

.a {
  position: relative;
  width: 120px;
  height: 120px;
  background-color: red;
  transition: all 1s;
}

.a:hover {
  width: 220px;
  background-color: blue;
}
<div class="a"></div>

→ Ссылка