# ghostkit/3.3.2/gutenberg/extend/transform/style.scss

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.3.2. 7 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.3.2/code/gutenberg/extend/transform/style.scss
- Raw: https://pluginprobe.com/plugins/ghostkit/3.3.2/raw/gutenberg/extend/transform/style.scss
- Modified: 2024-02-18T18:40:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ghostkit/3.3.2/code/gutenberg/extend/transform/style.scss#L10-L20`.

```scss
@import "../../variables";

.ghostkit-has-transform {
	transform: perspective(var(--gkt-transform-perspective, none)) translateX(var(--gkt-transform-x, 0)) translateY(var(--gkt-transform-y, 0)) scale(var(--gkt-transform-scale, 1)) rotate(var(--gkt-transform-rotate, 0deg)) rotateX(var(--gkt-transform-rotate-x, 0deg)) rotateY(var(--gkt-transform-rotate-y, 0deg)) rotateZ(var(--gkt-transform-rotate-z, 0deg)) skewX(var(--gkt-transform-skew-x, 0deg)) skewY(var(--gkt-transform-skew-y, 0deg));
	transform-origin: var(--gkt-transform-origin, 50% 50%);
}

```