МТ
Хотя не помню упоминается там ли именно про ключи
Size: a a a
2020 December 11
МТ
Но должна разъяснится логика поведения кроссфейда.
МТ
Марк Танащук
Хотя не помню упоминается там ли именно про ключи
Мгм, упоминается
KM
говорит, что ключ необходим, чтобы убедиться в обоих транзишинах, что это применяется к тому же самому элементу..
KM
как я понял
DK
Для меня в своё время было долгим озарение, что кроссфейд не работает для айтемов не с
То есть да, с позиции логики CSS это очень разумно, но я думал, что свелт будет делать это за меня, потому что нигде на моменте про позиционирование внимание не обостряется, да и вообще демки по требованиям весьма ограничены — например, не важны размеры никаких контейнеров и их визуальные границы.
position: absolute.То есть да, с позиции логики CSS это очень разумно, но я думал, что свелт будет делать это за меня, потому что нигде на моменте про позиционирование внимание не обостряется, да и вообще демки по требованиям весьма ограничены — например, не важны размеры никаких контейнеров и их визуальные границы.
DK
говорит, что ключ необходим, чтобы убедиться в обоих транзишинах, что это применяется к тому же самому элементу..
Да, именно так. По сути ж удаляется один HTML-элемент и появляется другой, фреймворку их надо логически между собой связать, чтобы снять позицию первого, позицию второго и для обоих создать такую crossfade-анимацию, которая будет выглядеть как плавный переход одного в другое с плавной прозрачностью и плавным изменением размеров элементов.
A
И на сколько я вижу в итоге это css классы со свойствами типа opacity, transform... etc
DK
Ага. Уходящий айтем идёт по траектории к приходящему айтему с изменением габаритов к его сторону и падающей прозрачностью, а приходящий — всё наоборот.
Можно добиваться крутых эффектов, когда какой-нибудь <p> трансформируется при переходе на другую страницу в <h1>, но чаще всего мусор выходит какой-то. Ну и позиционирование очень усложняет задачу.
Можно добиваться крутых эффектов, когда какой-нибудь <p> трансформируется при переходе на другую страницу в <h1>, но чаще всего мусор выходит какой-то. Ну и позиционирование очень усложняет задачу.
MG
Поплачусь немного, хотел использовать в CSS align-items: safe center, оказалось что на практике его поддерживает только ФФ, 🤦♂️ 2020 год, есть какой-то линтер на тему CSS и кросс-браузерности?
MG
Ну и еще конечно чтобы с любимым свелтом интеграция была
A
Поплачусь немного, хотел использовать в CSS align-items: safe center, оказалось что на практике его поддерживает только ФФ, 🤦♂️ 2020 год, есть какой-то линтер на тему CSS и кросс-браузерности?
Не встречал, но идея интересная – типа подсвечивает caniuse?
MG
да! :)
MG
спасибо :), посмотрю :)
MG
Есть поновее https://github.com/anandthakker/doiuse
ой какая классная штука (по описанию), попробую ее в билд прикрутить :), еще раз спасибо
A
ой какая классная штука (по описанию), попробую ее в билд прикрутить :), еще раз спасибо
Велком 🤓 тоже заинтересовала
МТ
Но в итоге все равно gsap лучше для такой штуки чем свелтовский crossfade(почти всегда)