Перейти к содержимому
  • 0
ThriftyBunny

как написать код

Привет

допустим есть такой код:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#main{
height:100px;
width:100px;
background-color:#E8E6D7;
margin:300px auto  auto;
}
#one{
position:absolute;
background-color:#ff0000;
height:20px;
width:100px;
margin-top:40px;
}
#one:hover{
transform: rotate(45deg);
transition: transform 1s ease-out 0s;
}
</style>
</head>
<body>
<div id="main">
<div id="one"></div>
</div>
</body>
</html>

Как сделать так чтобы красный блок поворачивался при наведении курсора на серый блок который его обрамляет?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендуемые сообщения

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0

Подскажите почему скрипт формы с гетреспонда не отображается на сайте? В программе Adobe Muse

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
1 час назад, Светлана Камышникова сказал:

Подскажите почему скрипт формы с гетреспонда не отображается на сайте? В программе Adobe Muse

Ваша ошибка

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
В 30.03.2016 в 10:07, Павел Хомерики сказал:

Эта задача не для css. Надо писать js скрипт

на css тоже можно 

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

курим тут

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

×