Показать сообщение отдельно
  #2 (permalink)  
Старый 04.04.2016, 10:27
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

imedia,
<!DOCTYPE html >
<html>
<head>
<title></title>
<style type="text/css">
.target { 
      position: absolute;
      top: 50px;
      left: 100px;
      width: 200px;
      border-top: 0px solid red;
      background-color: Lime;
      -webkit-transition:border-top 0.5s ease;
      -moz-transition:border-top 0.5s linear;
      -o-transition:border-top 0.5s linear;
      transition:border-top 0.5s linear;
   }
   .target:hover
   { border-top: 10px solid red;  
   }
</style>
</head>
<body>
      <div class="target">Наведи сюда мьшь</div>
</body>
</html>

Последний раз редактировалось Dilettante_Pro, 04.04.2016 в 10:30.
Ответить с цитированием