Показать сообщение отдельно
  #4 (permalink)  
Старый 03.11.2014, 12:07
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

http://learn.javascript.ru/play/QfUJnb

<!DOCTYPE HTML>
<html>
  
  <head>
    <style>
      .test {
        bottom: 0;
        box-shadow: 0 0 10px #000;
        height: 100px;
        left: 0;
        margin: auto;
        padding: 10px;
        position: fixed;
        right: 0;
        top: 0;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width: 180px;
      }
      .test:hover {
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }
    </style>
  </head>
  
  <body>
    <div class="test">Наведи на меня
      <p>
        <input type="text">
      </p>
      <input type="button" value="OK">
    </div>
  </body>

</html>

Последний раз редактировалось ruslan_mart, 03.11.2014 в 14:27.
Ответить с цитированием