Почему я бросил вести этот сайт! Потому, что система ведет себя по-хамски по отношению к посетителям сайта, навязывая последним бесконечное количество баннеров-заглушек контента, особенно пришедшим с мобильных устройств!

DownLoad_Free

Анимация бэкграунда(background) в стиле Волна - Архив

При подвисании загрузки переводчика нажмите F5

Back to kachay.ucoz.org

Играйте бесплатно в TommyRock ЛОТО с призами от спонсоров .
Игра ведется в режиме "S&G" (т.е. начинается сразу, как только в игре окажутся 9 карточек)

Рекомендуем:

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter

[Ленточный вид форума] [Поиск] [RSS]

Страница 1 из 1
1

Архив » История мировых и локальных событий » История развития сайта » Анимация бэкграунда(background) в стиле Волна (Анимация с помощью CSS3)

Анимация бэкграунда(background) в стиле Волна

Дата: Пятница, 10.08.2012, 14:53 | Сообщение # 1

Группа: Администраторы

Сообщений: 1530

Background animaton for ForeFox

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
box-shadow: 0 1px 8px rgba(64, 64, 64, .66);
width:100%;
background:#7C5769;
padding:20px;
-moz-animation:volna 2s linear infinite; /* Firefox */
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .05) 50%,rgba(255, 255, 255, .05) 80%,transparent 80%, transparent);
background-size: 80px 80px;
}

@-moz-keyframes volna /* Firefox */
{
from {background-position: 0 0;}
to {background-position: -80px 0;}
}
</style>
</head>
<body>

<h1>Hello World</h1>

</body>
</html>

Страница 1 из 1
1

^ Наверх ^

Пригодилось!