EK
уточните пожалуйста по комментарию выше
не совсем понял, что именно уточнить?
Size: a a a
2020 October 20
ИМ
как должно работать то что Вам нужно
ИМ
вообщем то что нужно или нет?
https://codepen.io/MynameisIM/pen/abZmmQo
https://codepen.io/MynameisIM/pen/abZmmQo
EK
как должно работать то что Вам нужно
список новостей обернут в родительский тег - для краткости его класс -
Классу any-news, прописано свойство
Далее пользователь меняет порядок вывода новостей, это отрабатывает аяксом.
После чего вставляются новости в этот самый блок с классом
Задача, что бы при вставке, новости плавно появились, то есть сработал
any-news.Классу any-news, прописано свойство
transition: opacity 3s ease-in-out.Далее пользователь меняет порядок вывода новостей, это отрабатывает аяксом.
После чего вставляются новости в этот самый блок с классом
any-news.Задача, что бы при вставке, новости плавно появились, то есть сработал
transition, при смене opacity;EK
ИМ
посмотрите ссылку выше, это то что нужно по эффекту или нет?
EK
посмотрите ссылку выше, это то что нужно по эффекту или нет?
Дада, посмотрел, похоже на то, суть в setTimeout походу?
ИМ
Дада, посмотрел, похоже на то, суть в setTimeout походу?
ну мне то некуда отправлять запрос, поэтому сеттаймаут)
EK
ну мне то некуда отправлять запрос, поэтому сеттаймаут)
не работает у меня хоть убей, хз
ИМ
не работает у меня хоть убей, хз
ИМ
первый setTimeout замените на свой аякс запрос, а время внутреннего на 14 строке это время анимации
PE
Тогда придется вызывать не свойство.
А анимацию
А анимацию
ИМ
либо вручную пропишите, либо через getComputedStyle(block).animationDuration получите
PE
@kay-frames
EK
Короче победил, убрал у целевого блока транзишн, и после ответа аякса через сет тайм аут добавляю класс этому целевому блоку со след свойствами:
opacity: 1!important;
transition: opacity 2s ease-in-out!important;EK
так заработало
PE
Получается не у того блока ставилось свойство?
EK
Получается не у того блока ставилось свойство?
нет блок тот же самый, но изначально я ему не добавляю transition.
Ибо он будет мешать, поскольку мне с начало нужно сделать блок прозрачным, а если у него был бы transition то он бы плавно затухал, а мне нужно ток плавное появление, поэтому я добавляю этому блоку класс где прописываю transition и opacity
Ибо он будет мешать, поскольку мне с начало нужно сделать блок прозрачным, а если у него был бы transition то он бы плавно затухал, а мне нужно ток плавное появление, поэтому я добавляю этому блоку класс где прописываю transition и opacity
А
