将鼠标悬停在一个div上可触发效果悬停在另一个div上

你是

我有一个问题:我将效果悬停在一个div中,但是当光标悬停在另一个div上时,我想触发该效果。就像是:

<div id='mouse-hover-in-this-div'>
    blablabla
    <div id='should-trigger-mouse-hover-in-this-div'></div>
</div>

我在这里看到了一些解决方案,但是它们没有用。特别是,我尝试使用jquery .css方法更改内部div的css属性,但未能成功提供以下选项:

-webkit-transform: translateY(16px);
transform: translateY(16px);
-webkit-animation-name: hang;
animation-name: hang;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;

我要悬停的悬停来自库hover.css,我只是希望在整个div悬停时触发箭头的反弹效果,而不仅仅是小箭头。有解决我问题的方法吗?

满山树

演示版

#outside-box:hover .animated-div {
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hang;
  animation-name: hang;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将鼠标悬停在ID上可显示另一个Div

来自分类Dev

将鼠标悬停在另一个div上时CSS更改div

来自分类Dev

将鼠标悬停在另一个div上时如何显示div

来自分类Dev

将鼠标悬停在另一个div上时更改div

来自分类Dev

将鼠标悬停在一个div上以显示另一个div

来自分类Dev

将鼠标悬停在另一个 div 上时更改一个 div 的样式

来自分类Dev

将鼠标悬停在 1 个 div 上以更改另一个 div 中的内容

来自分类Dev

将某个div的宽度增加10%,同时将鼠标悬停在另一个div上

来自分类Dev

当我将鼠标悬停在另一个div上时,可以平滑div的淡入

来自分类Dev

当有人将鼠标悬停在div上时显示另一个div

来自分类Dev

仅使用CSS将鼠标悬停在另一个div上时显示div

来自分类Dev

仅使用CSS将鼠标悬停在另一个div上时显示div

来自分类Dev

更改div的内容:在将鼠标悬停在另一个div上之前无法正常工作

来自分类Dev

当我将鼠标悬停在另一个div上时,可以平滑div的淡入

来自分类Dev

jQuery将鼠标悬停在另一个div上时更改div的边框颜色

来自分类Dev

将鼠标悬停在DIV上,然后显示另一个div,而无需重新定位*

来自分类Dev

将鼠标悬停在嵌入式div上,然后更改另一个

来自分类Dev

将鼠标悬停在另一个元素上时如何向上滚动div

来自分类Dev

将鼠标悬停在/点击div会影响另一个div吗?

来自分类Dev

如何将鼠标悬停在一个 div 上以触发两个不同 div 的更改?

来自分类Dev

鼠标悬停。保持课堂直到将鼠标悬停在另一个元素上

来自分类Dev

将鼠标悬停在多个 div 上显示一个 div

来自分类Dev

CSS:将鼠标悬停在另一个元素上

来自分类Dev

将鼠标悬停在图像上并更改另一个

来自分类Dev

将鼠标悬停在另一个div上可以更改一个div的不透明度

来自分类Dev

将鼠标悬停在一个Div上时,它会使用CSS更改页面上另一个Div的类吗?

来自分类Dev

更改一个div的不透明度,并在将鼠标悬停在另一个div上时进行过渡

来自分类Dev

将鼠标悬停在第一个div上时需要将鼠标悬停在第二个div上

来自分类Dev

如果悬停在另一个重叠元素上,请保持鼠标悬停

Related 相关文章

  1. 1

    将鼠标悬停在ID上可显示另一个Div

  2. 2

    将鼠标悬停在另一个div上时CSS更改div

  3. 3

    将鼠标悬停在另一个div上时如何显示div

  4. 4

    将鼠标悬停在另一个div上时更改div

  5. 5

    将鼠标悬停在一个div上以显示另一个div

  6. 6

    将鼠标悬停在另一个 div 上时更改一个 div 的样式

  7. 7

    将鼠标悬停在 1 个 div 上以更改另一个 div 中的内容

  8. 8

    将某个div的宽度增加10%,同时将鼠标悬停在另一个div上

  9. 9

    当我将鼠标悬停在另一个div上时,可以平滑div的淡入

  10. 10

    当有人将鼠标悬停在div上时显示另一个div

  11. 11

    仅使用CSS将鼠标悬停在另一个div上时显示div

  12. 12

    仅使用CSS将鼠标悬停在另一个div上时显示div

  13. 13

    更改div的内容:在将鼠标悬停在另一个div上之前无法正常工作

  14. 14

    当我将鼠标悬停在另一个div上时,可以平滑div的淡入

  15. 15

    jQuery将鼠标悬停在另一个div上时更改div的边框颜色

  16. 16

    将鼠标悬停在DIV上,然后显示另一个div,而无需重新定位*

  17. 17

    将鼠标悬停在嵌入式div上,然后更改另一个

  18. 18

    将鼠标悬停在另一个元素上时如何向上滚动div

  19. 19

    将鼠标悬停在/点击div会影响另一个div吗?

  20. 20

    如何将鼠标悬停在一个 div 上以触发两个不同 div 的更改?

  21. 21

    鼠标悬停。保持课堂直到将鼠标悬停在另一个元素上

  22. 22

    将鼠标悬停在多个 div 上显示一个 div

  23. 23

    CSS:将鼠标悬停在另一个元素上

  24. 24

    将鼠标悬停在图像上并更改另一个

  25. 25

    将鼠标悬停在另一个div上可以更改一个div的不透明度

  26. 26

    将鼠标悬停在一个Div上时,它会使用CSS更改页面上另一个Div的类吗?

  27. 27

    更改一个div的不透明度,并在将鼠标悬停在另一个div上时进行过渡

  28. 28

    将鼠标悬停在第一个div上时需要将鼠标悬停在第二个div上

  29. 29

    如果悬停在另一个重叠元素上,请保持鼠标悬停

热门标签

归档