при наведении курсора на CSS

Question

В этих трех случаях есть ли способ записи в CSS?

1. В нормальном режиме

2. В Режим зависания

3. Выход при наведении

.tab:hover:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
position: relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0;
}

введите описание изображения здесь

js

Answer 1

Есть только :hover в CSS, но в Javascript у вас есть mouseover и mouseout, если это вам нужно?