css - 如何使用 GSAP 在对 Angular 轴上旋转正方形?

标签 css css-transforms gsap

在 CSS 中进行对 Angular 线旋转非常容易。

-webkit-transform: rotate3d(1,1,0,180deg)

http://codepen.io/moorthyrweb/pen/jEayJL

但是,使用 GSAP 我怎样才能达到同样的效果呢?

最佳答案

我从 GSAP 论坛上得到了解决方案,其中包括游戏中的两个元素。

TweenMax.set(".gsap",{rotation:45});
TweenMax.set(".container2",{rotation:-45});
TweenMax.to(".container2",1.5,{rotationY:180,repeat:-1});

http://codepen.io/MAW/pen/bNYWbx

仍然很想知道最好的可能性

关于css - 如何使用 GSAP 在对 Angular 轴上旋转正方形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28364507/

相关文章:

html - 如何使用 CSS 准确地风格化文本背景

html - CSS 定位,仅在垂直滚动时将内容保留在视口(viewport)内

javascript - 页面转换——等到ajax请求发出

html - 在jsp中创建菜单栏

jquery - 固定覆盖 - scrolltop 不解决 div

css - 使用变换组合 CSS 动画

javascript - CSS matrix3d 计算不对,但为什么呢?

css - 绕垂直轴旋转 45 度元素

css - 如何在保持立方体完好无损的情况下更改立方体的像素尺寸?

css - Greensock Tweenlite 转换