Как выполнить вторую css функцию сразу после первой?

Question

[nen0y]

После клика объект смещается на 1110px вправо,
stackWidth = 1110;

$(".slider-items").css("transform","translateX(-"+stackWidth+"px)").css("transition", "all 3s");

после этого должна сразу же срабатывать эта же функция

$(".slider-items").css("transform","translateX(-"+stackWidth+"px)").css("transition", "all 0s");

Чем поможете?

Comments

[Андрей Федоров]

animation используйте.

[nen0y]

Андрей Федоров: как запустить animation сразу после css - функции?

[Андрей Федоров]

nen0y: Вам нужно создать css анимацию включающую обе функции.

[nen0y]

Андрей Федоров: как?

[Андрей Федоров]

nen0y: в смысле как? @keyframes пропишите заранее, а animation добаваляйте по клику. Нужно подробнее?

[nen0y]

Андрей Федоров: да

Answer 1

[Андрей Федоров]

codepen.io/aliencash/pen/zZLyMa