Создать скользящую за страницей шапку страницы.
Всем привет. Очень не хватает опытных знакомых фронтенд разработчиков.
Подскажите пожалуйста как создают скользящие вниз за страницей заголовки страниц на подобие этой: http://www.google.com/design/spec/ma...oduction.html# |
Сам нашел решение
хтмл:
<h1 class="shapka shadow">0</h1> цсс: .shapka { width: 100%; position: fixed; top: 0; background-color: #4CAF50; z-index:2; } .shadow { box-shadow: 0 1px 5px 1px hsla(0,100%,0%, 0.5); transition: all 0.3s .1s; } .shadow:hover { box-shadow: 0 1px 10px 1px hsla(0,100%,0%, 0.5); } .pad { padding-top: 70px; padding-left: 105px; } h1 { padding: 13px; margin:0; color:white; } |
Часовой пояс GMT +3, время: 13:28. |