Бабушкин сундук: Новогодние украшения для блога: новогодняя гирлянда с колокольчиками по краям

В шапку любого блога можно установить другую гирлянду с колокольчиками по краям.

Новогодние украшения для блога: новогодняя гирлянда с колокольчиками по краям

HTML-код гирлянды с колокольчиками по краям:

<стиль Тип="текст/CSS С С и и в">

.ст2 {

границы:3 пиксела твердых #BBBBBB;непрозрачность: 2.1;

-в базе движок на базе WebKit-анимацией: кольцо 18с 19с легкость-в бесконечном;

-в базе движок на базе WebKit-преобразования-происхождение: 50% 14px;

-МОЗ-анимация: кольцо 18с 19с легкость-в бесконечном;

-МОЗ-трансформировать-происхождение: 50% 14px;

анимация: кольцо 18с 19с легкость-в бесконечном;

преобразование происхождения: 50% 14px;

}

@-В базе WebKit, так они-ключевые кадры кольцо {

0% { -в базе движок на базе WebKit-преобразования: rotateZ(0); }

1%, 9% { -в базе движок на базе WebKit-преобразования: rotateZ(30 градусов); }

3% { -в базе движок на базе WebKit-преобразования: rotateZ(-28deg); }

5% { -в базе движок на базе WebKit-преобразования: rotateZ(34deg); }

7% { -в базе движок на базе WebKit-преобразования: rotateZ(-32deg); }

11% { -в базе движок на базе WebKit-преобразования: rotateZ(-28deg); }

13% { -в базе движок на базе WebKit-преобразования: rotateZ(26deg); }

15% { -в базе движок на базе WebKit-преобразования: rotateZ(-24deg); }

17% { -в базе движок на базе WebKit-преобразования: rotateZ(22deg); }

19% { -в базе движок на базе WebKit-преобразования: rotateZ(-20deg); }

21% { -в базе движок на базе WebKit-преобразования: rotateZ(18deg); }

23% { -в базе движок на базе WebKit-преобразования: rotateZ(-16deg); }

25% { -в базе движок на базе WebKit-преобразования: rotateZ(14deg); }

27% { -в базе движок на базе WebKit-преобразования: rotateZ(-12deg); }

29% { -в базе движок на базе WebKit-преобразования: rotateZ(10deg); }

31% { -в базе движок на базе WebKit-преобразования: rotateZ(-8deg); }

33% { -в базе движок на базе WebKit-преобразования: rotateZ(6deg); }

35% { -в базе движок на базе WebKit-преобразования: rotateZ(-4deg); }

37% { -в базе движок на базе WebKit-преобразования: rotateZ(2deg); }

39% { -в базе движок на базе WebKit-преобразования: rotateZ(-1 градус); }

41% { -в базе движок на базе WebKit-преобразования: rotateZ(1 градус); }

43% { -в базе движок на базе WebKit-преобразования: rotateZ(0); }

100% { -в базе движок на базе WebKit-преобразования: rotateZ(0); }

}

@-МОЗ-кадры кольцо {

0% { -МОЗ-преобразования: поворот(0); }

1%, 9% { -МОЗ-преобразования: поворот(градусов 30); }

3% { -МОЗ-преобразования: поворот(-28deg); }

5% { -МОЗ-преобразования: поворот(34deg); }

7% { -МОЗ-преобразования: поворот(-32deg); }

11% { -МОЗ-преобразования: поворот(-28deg); }

13% { -МОЗ-преобразования: поворот(26deg); }

15% { -МОЗ-преобразования: поворот(-24deg); }

17% { -МОЗ-преобразования: поворот(22deg); }

19% { -МОЗ-преобразования: поворот(-20deg); }

21% { -МОЗ-преобразования: поворот(18deg); }

23% { -МОЗ-преобразования: поворот(-16deg); }

25% { -МОЗ-преобразования: поворот(14deg); }

27% { -МОЗ-преобразования: поворот(-12deg); }

29% { -МОЗ-преобразования: поворот(10deg); }

31% { -МОЗ-преобразования: поворот(-8deg); }

33% { -МОЗ-преобразования: поворот(6deg); }

35% { -МОЗ-преобразования: поворот(-4deg); }

37% { -МОЗ-преобразования: поворот(2deg); }

39% { -МОЗ-преобразования: поворот(-1 градус); }

41% { -МОЗ-преобразования: поворот(1 градус); }

43% { -МОЗ-преобразования: поворот(0); }

100% { -МОЗ-преобразования: поворот(0); }

}

@ключевыми кадрами кольцо {

0% {- преобразования: поворот(0); }

1%, 9% { преобразования: поворот(градусов 30); }

3% { преобразования: поворот(-28deg); }

5% { преобразования: поворот(34deg); }

7% { преобразования: поворот(-32deg); }

9% { преобразования: поворот(градусов 30); }

11% { преобразования: поворот(-28deg); }

13% { преобразования: поворот(26deg); }

15% { преобразования: поворот(-24deg); }

17% { преобразования: поворот(22deg); }

19% { преобразования: поворот(-20deg); }

21% { преобразования: поворот(18deg); }

23% { преобразования: поворот(-16deg); }

25% { преобразования: поворот(14deg); }

27% { преобразования: поворот(-12deg); }

29% { преобразования: поворот(10deg); }

31% { преобразования: поворот(-8deg); }

33% { преобразования: поворот(6deg); }

35% { преобразования: поворот(-4deg); }

37% { преобразования: поворот(2deg); }

39% { преобразования: поворот(-1 градус); }

41% { преобразования: поворот(1 градус); }

43% { преобразования: поворот(0); }

100% { преобразования: поворот(0); }

</стиль>

<дел стиль="обивка: 0px;">

тэгом теге теге теге <IMG класс="ст2" срц="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n2.png" стиль="позицию:фиксированная; сверху: 0px;слева:которой которой которой которой 130px;границы:нет;значения по оси Z-индекса:9;"/></дел><стиль Тип="текст/CSS С и и в">

.ст1 {

границы:3 пиксела твердых #BBBBBB;непрозрачность: 2.1;

-в базе движок на базе WebKit-анимацией: кольцо 20С 19с легкость-в бесконечном;

-в базе движок на базе WebKit-преобразования-происхождение: 50% 14px;

-МОЗ-анимация: кольцо 20С 19с легкость-в бесконечном;

-МОЗ-трансформировать-происхождение: 50% 14px;

анимация: кольцо 20С 19с легкость-в бесконечном;