Новые файлы:
Слайдер:
Новые пользователи:
[06.03.2020] ichi_ni (Пользователи)
[12.08.2019] vinogand (Пользователи)
[20.07.2019] aslava406 (Пользователи)
[28.05.2019] Guryi (Пользователи)
[27.01.2019] StraNNik (Пользователи)
[09.01.2019] aleksandrm-a (Пользователи)
[17.03.2018] stalker702014 (Пользователи)
Новые ответы на форуме
Меню сайта
Категории раздела
Шаблоны [56]
Шапки [13]
Favicon [1]
Фоны [4]
Кнопки для меню [2]
Смайлы [1]
Картинки для групп [1]
Cкрипты [91]
Мини-чат
Файлы
Главная » Файлы » Все для UCOZ » Cкрипты
Угасание текста внизу страницы
14.05.2012, 17:49
Нарыл в интернете интересный эффект при котором кажется, что текст внизу страницы исчезает. Используется фиксированный DIV (bottom: 0px;) с прозрачным PNG изображением и высоким значением z-index..

Для начала создаём контейнер див с контентом:
В этом контейнере создаём ещё один с классом bottom_fade :


Здесь пишем контент




Далее в CSS кидаем код:

#bottom_fade {
width: 700px;
height: 233px;
z-index: 99;
position: fixed;
bottom: 0px;
background: url("http://3week.clan.su/FILE-IMAGE3/bottom-fadeygacanie_texta_vnizu_ctranici.png") bottom center no-repeat;
}


Вот фикс для IE :


Категория: Cкрипты | Добавил: (_MeX@NiC_)
Просмотров: 323 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Авторское право на игру и использованные в ней
материалы принадлежат GSC Game World.
Хостинг от uCoz
Для просмотра страниц сайта и более быстрой навигации рекомендуем
использовать браузеры последней версии. Необходим JavaScript и поддержка CSS 3.
В дизайне сайта присутствуют текстуры и части текстур, принадлежащие GSC Game World.
Администрация портала не несет ответственности за информацию и материалы, размещенные пользователями ресурса.
Копирование и любое использование материалов и графических изображений сайта запрещено.
© Powered by SR®; designed by Daizex, использованы наработки XemorDio