Время появление элемента CSS (свойство transition)
129
01 августа 2019, 02:20
К определенному элементу установлено свойство transition для плавного появления при наведении. Но он также плавно исчезает, если увести мышку с элемента. Возможно ли сделать исчезновение элемента без использования анимации (чтобы если отвел фокус от элемента, он исчезал сразу, а если навел - то появлялся медленно)?
Вопрос конечно в рамках CSS хотелось бы решить.
PS вопрос в реализации меню...
Answer 1
Стоит всего лишь задать transition для :hover эффекта
Если удобнее, то можете посмотреть реализацию Вашей задачи на codepen: ссылка
.content {
border: 5px solid red;
max-width: 250px;
margin: 0 auto;
}
.test {
height: 250px;
width: 250px;
background-color: pink;
opacity: 0;
}
.test:hover {
transition: opacity 1s;
opacity: 1;
}<div class="content">
<div class="test"></div>
</div>
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47551 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30492 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23623 visits
- Как через css изменить цвет png изображения? 10346 visits
- Blob video url download 9956 visits
- Php curl запрос через прокси с авторизацией 9206 visits
- Работа с captcha vk api 8088 visits
© "hostciti.net" 18.11.2024 | 04:45