将一个元素悬停,选择另一个元素

时间:2014-10-17 02:10:36

标签: html css css-animations

我有一个我试图用CSS动画影响的元素。问题是,我几乎可以肯定代码是正确的,使动画工作。也许在它上面的代码中有一些东西通过继承属性影响它,但我似乎无法找到它。

应该通过不透明度显示<p>

以下是Codepen link

我用于选择动画元素的代码如下。

.wrap:hover div .dropP 

1 个答案:

答案 0 :(得分:1)

  1. p中的字体颜色与背景相同,因为有 没有font-color: #000;这样的属性,它应该只是color

  2. 由于您拥有其他规则,opacity的{​​{1}} p甚至在:hover上保持不变(0)。