如何解决防止或反转 CSS 旋转应用于子元素
我注意到,如果您在父元素上应用旋转或倾斜,然后将其反转,您可以简单地反转子元素上的值(只需将相反的符号与值放置,例如如果父元素为 -10 10个孩子)。
//transform applied on parent
transform: rotateX(10deg);
//the following works on the child to reverse the transform
transform: rotateX(-10deg);
但是,当您应用多个旋转或倾斜(或它们的组合)变换时,您不能使用相同的方法来反转值。这意味着在找到正确的反转值背后应该有一些逻辑。如果您在多个轴上应用了旋转或倾斜(或它们的组合),请告诉我如何反转,例如
//if parent uses any transform similar to the following how can I reverse it on the child?
transform: rotateX(10deg) rotateY(15deg) rotateZ(5deg);
transform: rotateX(10deg) skew(15deg);
transform: rotateX(10deg) skew(15deg,5deg);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。