daybrush / scenejs

🎬 Scene.js is JavaScript & CSS timeline-based animation library

Home Page:https://daybrush.com/scenejs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

I want to adjust the order of transform, filter.

daybrush opened this issue · comments

I want to adjust the order of transform, filter.

import { SceneItem } from "scenejs";

const item = new SceneItem();

item.set(0, "transform", "rotate", "0deg");
item.set(0, "transform", "translate", "0px, 0px");

// transform: rotate(0deg) translate(0px, 0px);
console.log(item.getNowFrame(0).toCSS());

item.setTransformOrder(["translate", "rotate"]);
// transform: translate(0px, 0px) rotate(0deg);
console.log(item.getNowFrame(0).toCSS());