Главная | Мой профиль | Регистрация | Выход | Вход Вы вошли как Гость | Группа "Гости" | Приветствую Вас Гость | RSS
Меню сайта
Катигории
Скрипты [2]
Таблицы [1]
jQuery [1]
Шаблоны сайтов [2]
Меню для сайтов [2]
Текст [1]
Linkslot
Купить ссылку здесь за руб.
Поставить к себе на сайт
Linkslot
Оплаченная реклама
Форма входа
Socialchance
Linkslot
Видео
Главная » 2016 » Январь » 8 » Текстовый эффект в стиле Star Wars
06:36
Текстовый эффект в стиле Star Wars

Эффект в стиле Star Wars, скрипт для прокрутки текста, представленный здесь - это функция,
которая позволит создавать на странице блоки с прокручиваемым текстом.

HTML

<div id="titles">
<div id="titlecontent">
    <p>текст</p>
</div>
</div>

CSS

#titles
    {
        position: absolute;
        width: 18em;
        height: 50em;
        bottom: 0;
        left: 50%;
        margin-left: -9em;
        font-size: 350%;
        font-weight: bold;
        text-align: justify;
        overflow: hidden;
        transform-origin: 50% 100%;
        transform: perspective(300px) rotateX(25deg);
    }
#titles:after
    {
        position: absolute;
        content: ' ';
        left: 0;
        right: 0;
        top: 0;
        bottom: 60%;
        background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
        pointer-events: none;
}

#titlecontent
    {
        position: absolute;
        top: 100%;
        animation: scroll 100s linear 4s infinite;
    }
    @keyframes scroll {
        0% { top: 100%; }
        100% { top: -170%; }
}

текст текст текст
текст текст текст
текст текст текст
текст текст текст
текст текст текст
текст текст текст
текст текст текст

Категория: Текст | Просмотров: 137 | Добавил: ret123r | Теги: эффект, Wars, Star, текстовый, стиле | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Статистика
Linkslot
Бесплатные СМС
Мини-чат
Link Wall
Бесплатное
WMlink
© 2012-2017 - ret123r123r.narod.ru


 Rambler's Top100 Рейтинг@Mail.ru Яндекс.Метрика Проверка тИЦ и PR     
 
 
 %