$css .= 'left:' . $this->left * $this->getCssScale() . 'px;top:' . $this->top * $this->getCssScale() . 'px;';
$css .= 'width:' . $this->_config['width'] . 'px;height:' . $this->_config['height'] . 'px;';
$css .= $this->getCSSZIndex();
+ $css .= $this->getCSSTransform();
+ $css .= $this->getCSSClipPath();
$css .= $this->getCSS();
$css .= '}';
if ($this->_externalIframe !== false && $this->in_popup) {
$css .= 'left:' . round($this->left * $this->getCssScale()) . 'px;top:' . round($this->top * $this->getCssScale()) . 'px;';
$css .= 'width:' . round($this->width * $this->getCssScale()) . 'px;height:' . round($this->height * $this->getCssScale()) . 'px;';
$css .= $this->getCSSZIndex();
- $origin = false;
+ $css .= $this->getCSSTransform();
+ $css .= $this->getCSSClipPath();
+
+ $css .= $this->getCSS();
+ $css .= '}';
+ return $css;
+ }
+
+ public function getCSSTransform()
+ {
+ $css = '';
if ($this->rot) {
$css .= CSS::writeCSSUA('transform', 'rotate(' . $this->rot . 'deg)');
- $origin = true;
}
if (isset($this->skewX)) {
$css .= CSS::writeCSSUA('transform', 'skewX(' . $this->skewX . 'deg)');
- $origin = true;
}
if (isset($this->skew)) {
$css .= CSS::writeCSSUA('transform', 'skew(' . $this->skew . ')');
- $origin = true;
}
+ return $css;
+ }
+
+
+ public function getCSSClipPath()
+ {
if ($this->polygon) {
if (!is_array($this->polygon)) {
$points = json_decode($this->polygon, true);
$y = ($p['y'] / $this->height) * 100;
$clippath[] = $x . '% ' . $y . '%';
}
- $css .= 'clip-path:polygon(' . implode(',', $clippath) . ');';
+ return 'clip-path:polygon(' . implode(',', $clippath) . ');';
}
}
-
- $css .= $this->getCSS();
- $css .= '}';
- return $css;
+ return '';
}
public function getCSS()