Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >翻转三角形3d css或javascript

翻转三角形3d css或javascript
EN

Stack Overflow用户
提问于 2015-03-07 17:59:51
回答 1查看 767关注 0票数 1

我想要像这样的直角三角形

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
. . . . . . .
.         .
.       .
.     .
.   .
. .
.

用三维动画翻转成直角,如下所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
            .
          . .
        .   .
      .     .
    .       .
  .         .
. . . . . . .

在对角线变换方面,我运气很差,但只有一个是三角形。我能够垂直和水平翻转它在这里的指南,http://davidwalsh.name/css-flip,但我不能翻转方框对角线。

任何帮助或指导都是最感谢的!

应请求JSFiddle:http://jsfiddle.net/y36cdwx2/

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-07 22:53:44

要了解更多关于css3 rotate3d的信息,您可以访问this link了解更多信息。要完成要对角旋转框的操作,可以使用:transform: rotate3d(90, -90, 0, 180deg);

下面是完整的源代码,如何实现它:http://jsfiddle.net/yp6j5qem/15

希望这能有所帮助!

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28922288

复制
相关文章

相似问题

翻转图像垂直3D css

11

用CSS翻转3D卡

26

尝试翻转三角形css

41

CSS:双面3D翻转重叠/出血

21

翻转CSS气泡三角形位置?

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文