在悬停时旋转父对象而不是子对象
是一种前端开发中的交互效果，通常用于改变鼠标悬停在某个元素上时的动画效果。该效果可以通过CSS和JavaScript来实现。
具体实现方法如下：
- 使用CSS将父对象设置为相对定位（position: relative），并将子对象设置为绝对定位（position: absolute）。
- 使用CSS将子对象的旋转中心点设置为父对象的中心点，可以通过设置子对象的transform-origin属性来实现。
- 使用JavaScript监听鼠标悬停事件（mouseover）。
- 在鼠标悬停事件触发时，通过JavaScript修改父对象的transform属性，实现旋转效果。
这种效果可以用于创建各种交互式的动画效果，例如旋转菜单、翻转卡片等。它可以增加网页的交互性和吸引力，提升用户体验。
腾讯云提供了一系列的产品和服务，可以用于支持前端开发和云计算。其中，腾讯云的云服务器（CVM）可以用于部署和运行前端应用程序，腾讯云的对象存储（COS）可以用于存储前端应用程序的静态资源，腾讯云的内容分发网络（CDN）可以加速前端应用程序的访问速度。
腾讯云产品链接：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
请注意，以上只是腾讯云提供的一些相关产品，其他云计算品牌商也提供类似的产品和服务，可以根据具体需求选择适合的解决方案。
相关·内容
1回答
在悬停时旋转父对象而不是子对象
、、、、
<figure>元素应在悬停时旋转，但不应在其子元素<img>上旋转。仅使用SCSS。<figure>的背景比<img>稍大，所以它提供了边框效果。 <img src="https://lorempixel.com/200/200/" class="about__photo"></d
浏览 12提问于2018-02-07得票数 3
使用fabric.js (1.7.11)，我试图让一个对象跟随另一个对象的旋转，而不对它们进行分组，同时保持子对象相对于父对象的相对位置。因此，我认为我需要(1)将“子”对象的旋转中心设置为“父”对象的旋转中心，然后(2)当父对象正在旋转时，将该旋转增量应用
浏览 1提问于2017-10-05得票数 0
我有一个父节点，我将camera.If作为父节点，我旋转父节点，同时保持摄像机lookAt为目标，camera lookAt改变了too.That也不是我想要实现的。我需要它像Adobe AE中那样工作，当您将相机设置为空对象的子对象时:当空对象旋转时，相机开始围绕目标旋转，同时仍然看着target.What。我目前所做的是将父对象</e
浏览 1提问于2012-11-14得票数 0
回答已采纳
我正在尝试在Qt C++中导入机器人机械臂关节的6个3D网格。将显示关节，但它们不会像连接在一起一样旋转。但每个关节都独立地围绕自己的中心旋转。我想通过c++代码旋转每个关节，其他关节也应该旋转。
浏览 0提问于2018-06-22得票数 1
1回答
我正在尝试获取一个对象的全局点(x,y)。此对象是旋转的父对象MovieClip的子对象。在不旋转父对象的情况下，很容易找到子对象的全局点parent.localToGlobal。然而，当我旋转父对象时，localToGlobal似乎返回了错误的x,y。
浏览 2提问于2015-08-01得票数 0
我目前有很多代码，所以手动做这件事是不可行的，但当任何元素悬停在上面时，我需要它缩放大小。显然，使用css并不难，但我遇到了一些问题，当子元素悬停时，父元素的悬停状态仍然存在。因此，如果子对象悬停在上方，父对象和子对象都会被放大。使用jquery对于特定的子元素和父元素来说并不难，但是不可能为每个父元素和<em
浏览 5提问于2016-10-09得票数 0
1回答
我有一个立方体，我把它变成了一个长方形，它是一个平面的孩子，这个平面是“地面”，所以他们共同旋转(这是一个弹球台)。问题是，当我旋转矩形时，对撞机显然是错误的。📷📷
对撞机似乎旋转，但没有在正确的数量。有人能弄清楚这是怎么回事吗？
浏览 0提问于2017-09-17得票数 2
回答已采纳
我正在将一个Object3D设置为另一个Object3D的子对象，它可以在动画中改变位置、旋转和缩放。我希望子Object3D相对于父对象的位置和旋转进行移动，但我根本不希望该子对象缩放。有没有什么办法可以“锁定”子对象的比例，或者覆盖它，使其始终是一个恒定的比例，而不管父对象是什么？
最坏的情况是，当对象的缩放或变换更新<em
浏览 3提问于2019-06-20得票数 0
1回答
例如:我添加子矩形(2，3)到主矩形(1)。parent.add(obj);
但是如果我改变父矩形旋转(1)，这会导致孩子改变位置和旋转(！)和祖先在一起。如何更改位置和保存旋转？
浏览 0提问于2016-06-21得票数 0
目标是使用角速度而不是zRotation绕点旋转物理体。因此，似乎有必要添加第二个物理实体(控制旋转的实体)，但更改此父对象上的角速度不会移动子对象。换句话说，父对象会旋转，但子对象会保持不变。如何同时旋转父对象和子对象？
浏览 1提问于2015-04-30得票数 2
在我的应用程序中，用户可以选择工作平面上的3d对象，以便使用一个“转换”容器(即Object3D )来缩放、移动或旋转这些元素，该容器对所有转换进行分组并应用于所有子元素。在取消选择子元素时，应将父容器的转换传递给所有子容器，这些子容器依次从转换容器中移除，并添加到主场景对象中。然而，当在转换容器中将转换应用于容器而不是元素本身时，子</
浏览 3提问于2016-12-07得票数 1
回答已采纳
工具提示不是父div的子元素，而是直接附加到body元素。当悬停在父对象上时，我们有一种样式，当悬停在工具提示上时，该样式就会丢失。有没有一种基于CSS的解决方案，可以将悬停样式保持在父级上，同时将鼠标悬停在不是父级后代的工具提示上？
浏览 1提问于2018-09-12得票数 0
3回答
这些精灵表示屏幕上的一个逻辑对象，该对象被转换为一个整体对象。现在，当物体被触摸时，我需要发现哪个孩子的精灵被触摸了。在我看来，有两个事实造成了所有困难：
子边界框有它的初始尺寸，这些尺寸是相对于父的初始边界框报告的。在父元素被旋转后，我无法计算父进程的初始边界框(见下面的图片)，因此我无法计算出父sprite的左下角在哪里，我需要它作为子转换的关系点。我可以计算子对象
浏览 9提问于2012-09-21得票数 1
我有三个div，其中两个嵌套在父级中。当父对象悬停时，我希望更改子对象的颜色。尽管我希望在不给父类指定类名的情况下这样做。我不能在parent中这样做，因为子对象有自己的颜色，覆盖了父对象的颜色，并且在悬停时基本上没有任何变化。
浏览 12提问于2019-08-08得票数 1
回答已采纳
假设我有一个包含3个向量的类(一个用于位置，一个用于缩放，另一个用于旋转)，我可以使用它们生成一个变换矩阵，在3D space.Then中表示对象的位置、旋转和大小--我添加了对象之间的父/子关系，并将子对象的局部变换矩阵乘以父级的全局矩阵，得到了子对象的全局矩阵，这是我用于呈现对象的一个向量，因此当一个父对象
浏览 3提问于2013-09-23得票数 0
回答已采纳
1回答
但是，我希望通过使用Three.js中可用的其他工具来实现对象在父级内部的旋转，例如矩阵、向量、四元数或其他内置函数、，而不必为全局设置父对象和在父和子之间分配旋转。为了明确起见，这种做法对为全球建立一个家长的好处是：
在if (...) {...}条件下，我可以轻松地在“普通”(红色箭头)和“更改”(绿色箭头)旋转系统之间切换，而不必破坏、
浏览 7提问于2022-05-19得票数 2
回答已采纳
我一直在尝试解决这个问题，但没有成功。我当前正在尝试拖动具有旋转(transform: rotate(90deg))的父对象的子对象，但不使用旋转的父对象的旋转轴。我想要做的是，如果我向上拖动子元素，它会将元素拖到右边，因为平面的"Y“是向右的，而不是向上，因为它被旋转了90度。 我做了一个快速的小提琴来展示下面附加的这个行为。请注意，
浏览 13提问于2020-07-22得票数 2
回答已采纳
我试图使父对象在另一个对象旋转的基础上旋转，但是实例化的子对象也会旋转(我不想这样做)，如果能够修复这个问题，该如何解决。scale, scale); panel.transform.rotation = quat.transform.rotation;}
第一个图像是具有与四边形相同旋转的父对象，第二个图像是改变旋转的
浏览 3提问于2021-03-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
