2014-10-17 2 views
-1

У меня есть элемент, который я пытаюсь повлиять на анимацию CSS. Проблема в том, что я почти уверен, что код подходит для работы анимации. Возможно, что-то в коде выше, что влияет на него через унаследованные свойства, но я не могу найти его.Наведите один элемент, выберите другой

Внешний вид: <p> Внешний вид:

Здесь Codepen link

Код, который я использовал для выбора элементов для анимации ниже.

.wrap:hover div .dropP 

ответ

1
  1. цвет шрифта в p такой же, как фон, потому что нет такое свойство, как font-color: #000;, это должно быть просто color

  2. opacity из p остается неизменным (0) даже на :hover из-за других правил, которые у вас есть.

+0

Привет, я понимаю часть 1, но я не понимаю, часть 2. Я несколько раз прошел через код. Я не понимаю, какая часть сохраняет непрозрачность (0), несмотря на мое правило наведения. Что мне не хватает? – Blue

+0

@Blue '.dropHide, .dropHide p {' (имеет непрозрачность: 0! Important), '.wrap p {' – Cheery

+0

Я изменил эти правила. Я вижу текст, но он не невидим перед тем, как навестить ... Я все еще это вижу. Я обновил CodePen ([link] (http://codepen.io/blue11/pen/syAui)). Я очень ценю помощь в этом! – Blue

Смежные вопросы