Вход Регистрация
* [Mc]Laren

Смещение вниз

  1. Сам код:
  2. <style>
  3. .transition-translate {
  4. position: relative;
  5. top: 0;
  6. z-index: 2;
  7. background: #808991;
  8. color: #FFF;
  9. margin: 0 auto;
  10. padding: 10px;
  11. text-align: center;
  12. max-width: 500px;
  13. font-size: 20px;
  14. border: 4px ridge black;
  15. cursor: pointer;
  16. transition: 3s linear;
  17. }
  18. .transition-translate:hover {
  19. top: 50px;
  20. }
  21. </style>
  22.  
  23. Вывод:
  24.  
  25. <div class="transition-translate">смещение вниз</div>
» Описание: При наведении курсором на объект, объект медленно спадает вниз
» Время добавления: 27 Марта 2015 в 10:33
» Посмотров: 751
» textarea
» Рейтинг: [+0 | -0]
Комментарии [0]
Онлайн: 4
Реклама