Method css

src/utils/Interface.js:145–270

(props)

    }

    css(props) {
        if (!this.element) {
            return;
        }

        const style = this.style;

        for (const key in props) {
            if (~Transforms.indexOf(key)) {
                style[key] = props[key];
                this.isTransform = true;
                continue;
            }

            if (~Filters.indexOf(key)) {
                style[key] = props[key];
                this.isFilter = true;
                continue;
            }

            let val;

            if (~Numeric.indexOf(key)) {
                val = props[key];
                style[key] = val;
            } else {
                val = typeof props[key] !== 'string' ? props[key] + 'px' : props[key];
            }

            this.element.style[key] = val;
        }

        if (this.isTransform) {
            let transform = '';

            if (style.x !== undefined || style.y !== undefined || style.z !== undefined) {
                const x = style.x !== undefined ? style.x : 0;
                const y = style.y !== undefined ? style.y : 0;
                const z = style.z !== undefined ? style.z : 0;

                transform += `translate3d(${x}px, ${y}px, ${z}px)`;
            }

            if (style.skewX !== undefined) {
                transform += `skewX(${style.skewX}deg)`;
            }

            if (style.skewY !== undefined) {
                transform += `skewY(${style.skewY}deg)`;
            }

            if (style.rotation !== undefined) {
                transform += `rotate(${style.rotation}deg)`;
            }

            if (style.rotationX !== undefined) {
                transform += `rotateX(${style.rotationX}deg)`;
            }