css - 从父元素旋转子元素 :Hover

标签 css css-transforms

只是一个我似乎无法弄清楚的小元素,我希望这里的集体知识可以为我指明正确的方向。

我想在用户将鼠标悬停在 div 上时旋转 div 内的图像。代码示例可在此处找到:http://jsfiddle.net/mashby/eCzmj/

现在,动画是通过悬停在图像本身上触发的,而不是整个 div。

不知道是否可以做我想做的事,但提前感谢您的任何确认或建议!

最佳答案

看来是你的CSS有问题

您正在使用 #animate img:hover,这意味着您将在悬停时将样式应用于 img

尝试使用 #animate:hover img 将样式应用到 img 元素,当父级 (#animate) 悬停时。

关于css - 从父元素旋转子元素 :Hover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9036786/

相关文章:

Javascript如何在使用变换矩阵数据时考虑变换原点

css - 删除空白区域是 SELECT angular app IE-CSS

html - 为什么 z-index 不起作用?

javascript - 如何修复 iOS 10.3.1 中 Safari 的 html margin bottom 错误

css - 使用循环创建仅 CSS 顺序淡入 DIV

html - ipad css 转换导致字体问题

javascript - 使用 css 和 js 固定文本区域中的文本

jquery - 删除 img 的父标签并仍然保留 img

css - 如何应用 CSS3 渲染以获得最佳性能

css - 在 CSS 动画中使用比例