Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.02.2019, 18:38
Интересующийся
Отправить личное сообщение для diablopc Посмотреть профиль Найти все сообщения от diablopc
 
Регистрация: 16.01.2018
Сообщений: 12

Сменить свойства одного объекта при наведении на другой
Здравствуйте
Толи лыжи не едут, толи я совсем уже того, но никак не пойму что здесьь не так:

Есть два объекта, идин из них должен вращаться при наведении указателя на любой из них, но, блин, при наведении на него - он вращается, а на второй - никакой реакции

<style>
    #id1:hover, #Book:hover ~ #id1 {
        animation: 10s ease-in 0s normal none infinite running gear;
        -webkit-animation: 10s linear 0s normal none infinite running gear;
        animation-timing-function: steps(192, end);
    }        
    
    @keyframes gear {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
</style>

   <div id="gear1">
        <img id="id1" src="svg/gear.svg" width="100%" height="100%">
            <div id="Book">
                <a href="">
                <img width="100%" height=100%" src="svg/book.svg" id="book"></a>
            </div>
    </div>


ЧЯДНТ?
Ответить с цитированием
  #2 (permalink)  
Старый 10.02.2019, 01:26
Интересующийся
Отправить личное сообщение для diablopc Посмотреть профиль Найти все сообщения от diablopc
 
Регистрация: 16.01.2018
Сообщений: 12

Отвечу сам себе:

Тот div свойства которого нужно менять должен идти в тексте ниже чем тот который его меняет.
Т.е.

Вот так работает
#id1 ~ #match1 {}
~~~
<div id="id1"></div>
<div id="match1"></div>


А вот так нет
#id1 ~ #match1 {}
~~~
<div id="match1"></div>
<div id="id1"></div>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена текста одного элемента при наведении на другой Daillyn jQuery 3 24.01.2019 07:52
Как хранить свойства выбранных элементов, что бы они были выбраны при повторном вывод Speculant jQuery 6 05.08.2018 16:06
Смена изображений при наведении и фиксация при клике Noonf Общие вопросы Javascript 3 20.01.2018 17:18
Появление ссылки при наведении мыши nikolaymac jQuery 1 05.09.2013 15:32
изменения рисунка при наведении курсора Kenan Bek Events/DOM/Window 24 19.12.2010 20:48