Анимация перемещения при realyout
193
30 декабря 2018, 12:40
Есть несколько элементов в строке. При скрытии (display:none) одного из них - остальные смещаются влево. Каким образом можно анимировать перемещающиеся элементы (сделать плавное перемещение)?
Answer 1
свойство display не анимируется. Можно плавно уменьшать размеры. Нижеследующий пример работает при наведении.
.slideToggle{
display:inline-block;
font-style:italic;
color:red;
max-width:100%;
overflow:hidden;
transition:all .5s ease;
vertical-align:bottom;
white-space:nowrap;
}
p:hover .slideToggle{
max-width:0;
}<p><span class="slideToggle">toggle me, toggle me completly</span> asdasd asd asd asdasd asd asd asd asd</p>
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49900 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31898 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25861 visits
- Как через css изменить цвет png изображения? 11718 visits
- Blob video url download 11266 visits
- Php curl запрос через прокси с авторизацией 10651 visits
- Работа с captcha vk api 9465 visits
© "hostciti.net" 12.12.2025 | 06:14