Textpattern CMS

#1 2014-11-14 11:29:24

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

transform: matrix(1, 0, 0, 1, 0, 0);

hi,

how this style="transform: matrix(1, 0, 0, 1, 0, 0);" has added into this div?

<div class="page-container" style="transform: matrix(1, 0, 0, 1, 0, 0);">

the site i took that line

i would like to use the same “container slides in” effect.

#2 2014-11-16 10:40:37

trenc

Plugin Author

From: ⛵️, currently Göteborg, SE

Registered: 2008-02-27

Posts: 574

Website GitHub

Re: transform: matrix(1, 0, 0, 1, 0, 0);

The source of the site says it uses the GSAP Javascript animation library https://greensock.com/gsap with the following plugins:
TweenLite, TweenMax, TimelineLite, TimelineMax, EasePack, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin

The one you’re looking for seems to be the CSSPlugin for GSAP.

---

Digital nomad, sailing the world on a sailboat: 32fthome.com

#3 2014-11-16 21:38:29

etc

Developer

Registered: 2010-11-11

Posts: 5,192

Website GitHub

Re: transform: matrix(1, 0, 0, 1, 0, 0);

This css rule is sometimes used to put a fixed positioned element on a separate layer, to optimize screen repaints when scrolling (which doesn’t seem to work here).

---

bloatware

#4 2014-11-21 08:58:45

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

Re: transform: matrix(1, 0, 0, 1, 0, 0);

thank you guys!