m0_55799718 2022-09-20 22:42 采纳率: 0%
浏览 13

rotate方向问题，求帮助

如图

img

.s父盒子是body的时候rotateX是这样的，有点像是从右边看一样

img

但是当我给s加了一个f父盒子的时候，rotateX方向变成从前看了

img

img

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2022-09-20 23:14
    关注
    评论

报告相同问题？

  • 前端项目-egjs-rotate.zip
    2019-09-03 14:57
    【前端项目-egjs-rotate.zip】是一个包含前端开发中使用的轻量级自定义旋转事件绑定器的资源包。这个项目旨在帮助开发者更方便地处理元素的旋转交互，提高用户体验，尤其是在实现3D效果或者动画时。让我们深入探讨...
  • exif-rotate:根据 EXIF 方向旋转图像
    2021-06-18 18:28
    总的来说，"exif-rotate"是一个实用的JavaScript库，它帮助开发者处理因EXIF方向信息导致的图像显示问题。通过简单的API调用，它能有效地解决图像旋转的问题，使得图片在任何设备上都能正确展示。在处理用户上传的...
  • 前端面试八股文2024最新版
    2024-08-05 10:56
    能学到什么：css, js, vue2, vue3, 以及webpack相关的知识和原理，也有些实际工作过程中会遇到的问题，面试中常被问到的面试题，希望对有需要的人有帮助，谢谢！！！！ ### 2024前端面试八股文精要解析 #### CSS...
  • 性能分析—前端性能优化方向探究
    2022-06-05 01:00
    空城里的往日时光的博客 前端优化方案探究
  • 前端大转盘
    2018-05-31 20:56
    例如，通过`transform: rotate()`可以控制转盘的旋转角度，`animation`则可以定义转盘旋转的动画效果，包括速度、方向、持续时间等。 然后，JavaScript是实现交互功能的关键。在前端大转盘的场景中，JavaScript用于...
  • 前端开发中的一个常见问题，你解决了吗？
    2025-04-11 00:00
    贝格前端工场的博客 前端开发中的兼容性问题虽然复杂，但通过深入了解其表现形式、根源，运用合适的检测工具与解决技术，结合最佳实践案例经验，开发者能够有效应对，确保前端项目在不同环境下的稳定运行，为用户提供一致、优质的体验。
  • 关于前端的一些面试问题？
    2023-05-13 23:23
    小哥愿与愁的博客 这是一个关于前端面试的一些常见的问题，里面包含了http css js等等
  • 前端项目-jQuery-Flip.zip
    2019-09-02 21:16
    CSS3的transform属性支持多种变换操作，包括translate、rotate、scale等，而3D翻转则通过rotateX、rotateY或rotateZ来实现。在jQuery中，通过应用这些CSS样式并结合JavaScript的动态控制，可以创建出流畅的动画效果...
  • 前端项目-gl-matrix.zip
    2019-09-03 12:03
    在WebGL技术中，高效地处理图形数据是至关重要的，而gl-matrix库正是为了解决这一问题而诞生的。它是一个专为JavaScript设计的矩阵和向量库，为前端开发者提供了强大的数学运算支持，尤其在创建3D图形、游戏和可视化...
  • HTML+css3 前端加载动画loading加载动画，32款网页loading加载动画
    2023-02-28 09:18
    例如，使用`animation-delay`可以控制动画开始的时间，`animation-fill-mode`可以设置动画结束后的状态，而`animation-direction`则可以改变动画的播放方向。 此外，为了使加载动画更加符合网页的视觉风格，还可以...
  • Web前端面试题(附答案及解析)（2026年最新版）
    2023-03-27 14:31
    Komorebi ঞ꧔ꦿ的博客 【Web 前端面试必备】精选高频面试题 + 详细答案解析，搭配实战总结心得，帮你高效复盘考点、轻松应对面试！ 内容会持续更新，你的每一份支持都是我更新的动力，感谢关注！
  • H5前端实战案例_前端开发_加载页面动画Ⅰ（css）.rar
    2021-10-30 03:51
    这包括动画的名称、持续时间、延迟、次数和方向等。 ```css .loading-icon { animation: loadingAnimation 2s linear infinite; } ``` 5. **伪类选择器（pseudo-classes）**：例如`:hover`、`:active`和`:...
  • 前端面经（一）
    2025-05-16 20:25
    KlayPeter的博客 前两天刚结束我的第一次面试，我面试的是前端实习开发岗，这都是我因为学校的原有一直等到现在才去找实习，都过了金三银四的时期了，不管怎么样，我也是顺利拿到offer了，（虽然只是一个小型软件公司，工资也...
  • 前端H5_在网页底部养鱼，入门学习案例（css+JS）
    2022-02-05 22:53
    在前端开发领域，H5（HTML5）技术的广泛应用使得网页设计变得更加丰富多彩。这个"前端H5_在网页底部养鱼，入门学习...这个案例对初学者来说是一个很好的实践项目，帮助他们理解和运用前端基础知识，同时提升创造力。
  • CSS篇：前端动效开发实战：CSS3动画实现全解析
    2025-04-14 09:37
    江城开朗的豌豆的博客 CSS3动画为Web界面带来了活力，但切记动画应该服务于用户体验，而非炫技。掌握这些基础动画技术后，你可以尝试： 结合SVG实现更复杂的动画 ...希望这篇指南能帮助你打造出既美观又高效的网页动画效果！
  • Web-前端html+css从入门到精通 137. transform位移与缩放.zip
    2022-05-23 10:58
    其中`function`可以是多个变换函数的组合，例如`translate()`, `scale()`, `rotate()`等。 二、`translate()`函数 `translate()`函数用于在X和Y轴上移动元素，其基本语法如下： ```css element { transform: ...
  • Web-前端html+css从入门到精通 151. 3D效果之翻转图片.zip
    2022-05-23 11:23
    适当设置`perspective`可以帮助我们营造出更加逼真的3D空间感。 4. `backface-visibility`： 当元素翻转时，如果不希望看到其背面，可以设置`backface-visibility`为`hidden`。这将隐藏元素翻转时的背面，只显示...
  • 前端200道面试题及答案（更新中）
    2022-06-11 21:46
    哎呀你干嘛啊的博客 link和@import的区别浏览器如何实现不同标签页的通信？...如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
  • 2025最新前端面试题（附答案及解析）
    2024-07-02 10:38
    喝喝哈的博客 如果太大的文件，比如一个视频1G、2G那么大，直接采用一般的上传方法可能会出链接现超时的情况，而且也会超过服务端允许上传文件的大小限制，所以解决这个问题我们可以讲文件进行分片上传，每次只上传很小一部分比如...
  • 没有解决我的问题, 去提问

问题事件

  • 创建了问题 9月20日