Webice.Ru - социальная сеть для блоггеров

«    Октябрь 2020    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 

 Выезжающий футер на CSS3


В этом коротком уроке мы будем создавать интересный выезжающий слайдер. Посмотрите демо, скачайте архив с файлами по кнопке выше, откройте его в своём любимом редакторе и читайте дальше.
Идея

Эффект, которого мы хотим достичь, заключается в создании впечатления, что страница фиксирована на одном месте и при скролле поднимается вверх, чтобы показался футер. Чтобы достичь этого, нужно выполнить следующие условия:
Вся страница и её содержимое, за исключением футера, должно находиться внутри одного элемента-контейнера (в нашем случае это элемент ). У этого элемента будет задано свойство z-index со значением 1.



Также webice рекомендует:
    Эффект выезда футера. Трюк с z-index
    Привет, друзья! Извиняюсь за долгое отсутствие, но об этом в следующем посте. А в этом коротком уроке мы создадим интересный эффект выезда футера на чистом CSS. Возьмите себе ZIP-архив демонстрации, о ...

    Интересный слайдер на jQuery
    Иногда появляется такая проблема, как лучше и креативнее расположить несколько изображений или фотографий с общей темой в одном месте. Как вариант можно создать слайдер(тем более их огромное множество ...

    Float в CSS. Особенности
    Сегодня давайте продолжим работу с каркасом и поговорим про особенности свойства float в CSS.Одна из особенностей заключается в том, что необходимо указывать ширину для плавающего элемента. Это необхо ...

Читать далее
0
Просмотров: 887 Обсудили: 0
Информация
Гости не могут оставлять комментарии в данной новости, зарегистрируйтесь или авторизуйтесь на сайте.
 
Логин:
Пароль:

Добро пожаловать!

Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти процесс регистрации. Если Вы забыли пароль, то Вы можете его восстановить.
Полезные инструменты