Cicyer2513 2017-06-02 02:17 采纳率: 0%
浏览 2658

css3 transform3d子元素取消旋转

就是想实现一个旋转木马，但是所有的字要面朝屏幕。
transform:none;好像对于3d子元素本身就没变换，所以没效果。
采用子元素反转的方式，子元素就消失了宽度为0，感觉像是转轴设定又问题，但是重新设置了没反应，好像还是以父元素的转轴和转轴？
求助下大神。或者知道具体实现的案例么？现在比较纠结是做不出来还是做的有问题。

  • 写回答

1条回答 默认 最新

  • 倒霉兔 2018-12-01 09:59
    关注

    改变transform：none；
    或者让后代反向旋转

    评论

报告相同问题？

  • css3 3d样式调节 3d css3 前端
    2022-02-28 14:02
    回答 2 已采纳 transform: rotate这个是旋转，有三个轴（x,y,z），你研究一下看能否实现你的要的效果吧。如果还是不行，可以试试这个（perspective）https://www.w3school.
  • css3:多个元素先后循环使用animation css3 vue.js 前端
    2022-12-26 18:06
    回答 1 已采纳 动态修改class，:class=""，只要控制class变化就行了
  • 关于前端3d透视的问题 css3 前端
    2023-02-25 13:30
    回答 2 已采纳 该回答内容部分引用GPT，GPT_Pro更好的解决问题CSS3的3D透视，要通过设置父盒子的perspective属性来实现，而不是当前盒子上。这是因为，当一个元素被设置为3D空间时，该元素所有的子元
  • CSS3立方体3D旋转加载动画.zip
    2022-05-14 14:40
    总的来说，"CSS3立方体3D旋转加载动画"是一个很好的学习资源，它涵盖了CSS3的3D转换、动画和透视等核心概念，同时展示了如何将这些技术应用于实际的前端项目中，对于想要提升前端开发能力的人员来说非常有价值。
  • 关于Css3 3d翻转的问题 css3 html5
    2019-06-03 10:59
    回答 1 已采纳 我特意去写了个demo，你看下， 重点属性 有注释。 ``` 3D盒子旋转Demo
  • css3 写不出3d效果怎么办 css3 html5
    2022-01-18 21:55
    回答 3 已采纳 鼠标经过3d翻转效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
  • css3里3d动画用的多么 css3
    2019-06-15 19:47
    回答 2 已采纳 看你做什么类型的网站，做企业管理，根本用不到，做购物网站，商品展示用一用。做游戏网站，就要大量用。
  • HTML5CSS3 3D环形图片墙 伴随旋转动画
    2019-11-03 15:34
    CSS3的`transform`属性允许对元素进行平移、旋转、缩放等多种操作，其中`rotateX()`, `rotateY()`, 和 `rotateZ()`分别用于绕X轴、Y轴和Z轴旋转元素。在这个3D环形图片墙上，每个图片元素可能都会应用这些旋转函数，...
  • Css3父元素子和元素高度问题 css
    2021-09-04 01:02
    回答 4 已采纳 div本身就是块级元素
  • 关于#css transform#的问题，如何解决？ css3 前端
    2022-10-13 08:48
    回答 3 已采纳 啥问题
  • HTML CSS:子元素什么时候可以超出父元素限制的范围? css css3 html5 javascript
    2019-01-02 20:09
    回答 1 已采纳 1.当单个元素的尺寸超出父元素的尺寸时可以同时从水平和竖直方向超出父元素的范围 2.对于多个元素或多个中文文字和英文单词会遵循文本流（文本流默认是水平方向）方向排列。当文本流遇到父元素的水平方向
  • 纯css3 3D旋转科技球体动画特效
    2019-11-03 15:43
    【纯CSS3 3D旋转科技球体动画特效】是一种利用现代浏览器支持的CSS3特性实现的视觉效果，它能够创建出引人入胜、富有动态感的科技风格球体旋转展示。在网页设计和开发中，这样的特效可以增强用户体验，使网站或应用...
  • css3中动画方面报错 css3 前端
    2023-04-12 21:37
    回答 1 已采纳 animation上一行结尾的 分号不对 应该是应为格式 你那个好像是中文格式的 符合一个别的分号
  • CSS3制作3D图片立方体旋转特效.zip
    2022-11-17 21:19
    在本项目中，"CSS3制作3D图片立方体旋转特效.zip"，我们将探讨如何利用现代Web技术，特别是CSS3，来实现一个引人注目的3D图片立方体旋转效果。这种效果通常用于网站的交互式展示或者动态背景，能够为用户带来视觉上...
  • CSS3的transform之3d转换、CSS3动画
    2022-07-18 23:54
    摸鱼小队的博客 transform的3d转换和动画的基本使用方法
  • 没有解决我的问题, 去提问

悬赏问题

  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决！
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图，一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥15 pyqt信号槽连接写法
  • ¥500 把面具戴到人脸上，请大家贡献智慧，别用大模型回答，大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。