Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   transition на блоке (https://javascript.ru/forum/dom-window/79352-transition-na-bloke.html)

sosrsly 27.01.2020 20:22

transition на блоке
 
<div class ="box">qwerty qwerty qwerty</div>
<style>
.box {
transition: 1s;
}
.box:hover {
width: 275px
}
</style>

Подскажите пожалуйста, почему transition не работает если явно не задать ширину

laimas 27.01.2020 20:27

Цитата:

Сообщение от sosrsly
почему transition не работает если явно не задать ширину

Потому, что не понимает чего вы хотите от нее.

sosrsly 27.01.2020 20:29

почему не понимает если блок располагается на полную ширину, я хочу уменьшить его до 275

laimas 27.01.2020 20:38

Цитата:

Сообщение от sosrsly
почему не понимает если блок располагается на полную ширину

А она откуда это должна знать? Вот конкретно сказали ей, что хочу на все 275, она и выполнила. Если вы во время Т1 стоите в точке А, а во время Т2 находитесь в этой же точке, можно сказать, что вы двигаетесь? Так и с транзакцией - нельзя, то есть бессмысленно анимировать то, что не изменяется.

Rise 27.01.2020 20:53

Цитата:

Сообщение от sosrsly
почему transition не работает если явно не задать

Потому что свойство transition переводится как переход, а не анимация, что подтверждает существование свойства animation.


Часовой пояс GMT +3, время: 05:33.