Сняг, използвайки CSS3 анимации

Но като цяло, с цялата стила на сайта става по-жив, има празнично настроение. Ще трябва да го коригира малко, за да работи така, както искате, но това не отнема много. Така че, нека да се инсталира.

Принципът на работа и монтаж

Първо трябва да се обясни принципа, но ние няма да навлизаме в такива подробности за това как да създадете анимация на CSS3, това не е урок. Първоначално тя е блок от фиксирана ширина снеговалеж, но това не е препоръчително.

Изберете блок на площадката в рамките на който ще организира снегът е необходимо. Например, ние ще го блокират с .top клас. постави в HTML-код сняг (той по-долу), т.е. между

:

За да снегът е бил в този блок, трябва да се регистрирате позиция единица .top: роднина. по следния начин:

директен монтаж

Стартирайте кредити за инсталирането на CSS стилове и активиране на анимация. За да направите това, ние вмъкнете следния код в стилове. Друга забележка е препоръчително да се пази снимките сняг към вашия сайт, така че не е нужно проблеми с натоварването.

И след това поставете малка HTML код снеговалеж. Изберете точно устройството, което трябва да отидете на снега.

Тъй като сняг на CSS3 се състои от няколко слоя, които просто определят на блока, може да е положение, в което елементите на устройството не могат да изпълняват функциите. Ако това се случи, poeksperementiruyte с Z-индекс.