Задать вопрос
@zhrjnnrdzjj

Как при наведении на .control2 изменять стили для .ball?

Вот HTML
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <container class="container">
        <div class="control control1"></div>
        <div class="control control2"></div>
        <div class="control control3"></div>
        <div class="control control4"></div>
        <div class="control control5"></div>
    </container>
    <div class="ball">
        
    </div>
</body>
</html>


Вот CSS
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body,html{
    width: 100%;
    height: 100%;
}
.ball{
    position: absolute;
    top: 200px;
    left: 400px;
    height: 100px;
    width: 100px;
    display: flex;
    background: brown;
    border-radius: 50px;
    margin-left: 0;
    padding-right: 100px;
}
.container{
    position: relative;
    top: 200px;
    left: 400px;
    display: flex;
}
.control{
    width:100px;
    height: 100px;
    background: rgb(219, 76, 76);
    border-radius: 50px;
}
.control2:hover .ball{
    margin-left: 1000px;
}
  • Вопрос задан
  • 31 просмотр
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
godsplan
@godsplan
Через css никак. hover ом можно что то менят только на дочерних или сестринских элементах.
Такое можно сделать через js
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
06 дек. 2024, в 13:42
7000 руб./за проект
06 дек. 2024, в 13:18
10000 руб./за проект
06 дек. 2024, в 12:56
4000 руб./за проект