DIY линейка ручной работы для ног инструменты шитья на заказ акриловый материал

DIY линейка ручной работы для ног инструменты шитья на заказ акриловый материал

@ Keyframes one {
0% {непрозрачность: 1;}
100% {непрозрачность: 0;}
}

@-Webkit-keyframes one {
0% {непрозрачность: 1; }
100% {непрозрачность: 0; }
}
@-Moz-keyframes one {
0% {непрозрачность: 1; }
100% {непрозрачность: 0; }
}
@-Ms-keyframes one {
0% {непрозрачность: 1; }
100% {непрозрачность: 0;}
}
@-O-keyframes one {
0% {непрозрачность: 1; }
100% {непрозрачность: 0; }
}
. Один: hover {
Фон: желтый;
}

. Один {
Текст-выравнивание: по центру;
Ширина: 20%;
Маржа: 0 авто;
Размер шрифта: 20px;
Фон: Прозрачный;
Коробка-тени: 0 10 пикселей синий;
Граница-радиус: 4px;
Анимация: one 1s linear infinite;

-Webkit-анимация: один 0,9 s линейный бесконечный;
-Moz-анимация: один 0,9 s линейный бесконечный;
-Ms-animation: one 0,9 s linear infinite;
-O-анимации: один 0,9 s линейный бесконечное;
}

Примечания:
1. Из-за различных настроек монитора и светильник эффект, фактический цвет элемента может быть s светильник ly отличается от цвета, представленного на снимках. Спасибо!
2. Возможны отклонения в 1-3 см вследствие измерений вручную.

@ Keyframes coupon-mark-new {
0% {непрозрачность: 1;}
100% {непрозрачность: 0;}
}

@-Webkit-купон keyframes-mark-new {
0% {непрозрачность: 1; }
100% {непрозрачность: 0; }
}
@-Moz-keyframes coupon-mark-new {
0% {непрозрачность: 1; }
100% {непрозрачность: 0; }
}
@-Ms-keyframes coupon-mark-new {
0% {непрозрачность: 1; }
100% {непрозрачность: 0;}
}
@-O-keyframes coupon-mark-new {
0% {непрозрачность: 1; }
100% {непрозрачность: 0; }
}

. Купон-знак-Новый {
Цвет: белый;
Шрифт-Вес: 700px;
Анимация: Купон-знак-Новый 1s линейный бесконечный;

-Webkit-анимация: coupon-mark-new 0,9 s linear infinite;
-Moz-анимация: coupon-mark-new 0,9 s linear infinite;
-Ms-animation: coupon-mark-new 0,9 s linear infinite;
-O-анимации: Купон-Марк-Новый 0,9 s линейный бесконечное;

} @ Keyframes coupon-mark-store {
0% {непрозрачность: 1;}
100% {непрозрачность: 0;}
}

@-Webkit-купон keyframes-mark-store {
0% {непрозрачность: 1; }
100% {непрозрачность: 0; }
}
@-Moz-keyframes coupon-mark-store {
0% {непрозрачность: 1; }
100% {непрозрачность: 0; }
}
@-Ms-keyframes coupon-mark-store {
0% {непрозрачность: 1; }
100% {непрозрачность: 0;}
}
@-O-keyframes coupon-mark-store {
0% {непрозрачность: 1; }
100% {непрозрачность: 0; }
}

. Купон-отметка-магазин {
Цвет: белый;
Шрифт-Вес: 700px;
Анимация: Купон-mark-store 1s linear infinite;

-Webkit-анимация: Купон-mark-store 0,9 s linear infinite;
-Moz-анимация: Купон-mark-store 0,9 s linear infinite;
-Ms-анимации: Купон-Марк-магазин 0,9 s линейный бесконечное;
-О-анимация: Купон-отметка-магазин 0,9 s линейный бесконечный;
}. Название продукта. Смелый {
Дисплей: встроенный блок;
Размер шрифта: 14px;
Шрифт-Вес: 600;
/* Маржа: 10px;*/
Фон: линейный градиент (левый, красный, синий);
Фон: -webkit-Линейный-градиент (левый, красный, синий);
Фон:-о-Линейный-градиент (справа, красный, синий);
-Webkit-фон-клип: текст;
-Webkit-text-fill-Цвет: прозрачный;
Анимация: scratchy 1,2 s linear forwards infinite;

-Webkit-анимация: scratchy 1,2 s linear forwards infinite;
-Moz-анимация: scratchy 1,2 s линейная вперед бесконечная;
-Ms-animation: scratchy 1,2 s linear forwards infinite;
-O-animation: scratchy 1,2 s linear forwards infinite;
}
@ Keyframes scratchy {
0% {
Фоновое положение: 0;
}
25% {
Фоновое положение: 0;
}
26% {
Фон-позиция: 20px -20px;
}
50% {
Фон-позиция: 20px -20px;
}
51% {
Фон-позиция: 40px -40px;
}
75% {
Фон-позиция: 40px -40px;
}
76% {
Фон-позиция: 60px -60px;
}
99% {
Фон-позиция: 60px -60px;
}
100% {
Фоновое положение: 0;
}
}

@-Webkit-keyframes scratchy {
0% {
Фоновое положение: 0;
}
25% {
Фоновое положение: 0;
}
26% {
Фон-позиция: 20px -20px;
}
50% {
Фон-позиция: 20px -20px;
}
51% {
Фон-позиция: 40px -40px;
}
75% {
Фон-позиция: 40px -40px;
}
76% {
Фон-позиция: 60px -60px;
}
99% {
Фон-позиция: 60px -60px;
}
100% {
Фоновое положение: 0;
}
}
@-Moz-keyframes scratchy {
0% {
Фоновое положение: 0;
}
25% {
Фоновое положение: 0;
}
26% {
Фон-позиция: 20px -20px;
}
50% {
Фон-позиция: 20px -20px;
}
51% {
Фон-позиция: 40px -40px;
}
75% {
Фон-позиция: 40px -40px;
}
76% {
Фон-позиция: 60px -60px;
}
99% {
Фон-позиция: 60px -60px;
}
100% {
Фоновое положение: 0;
}
}
@-Ms-keyframes scratchy {
0% {
Фоновое положение: 0;
}
25% {
Фоновое положение: 0;
}
26% {
Фон-позиция: 20px -20px;
}
50% {
Фон-позиция: 20px -20px;
}
51% {
Фон-позиция: 40px -40px;
}
75% {
Фон-позиция: 40px -40px;
}
76% {
Фон-позиция: 60px -60px;
}
99% {
Фон-позиция: 60px -60px;
}
100% {
Фоновое положение: 0;
}
}
@-O-keyframes scratchy {
0% {
Фоновое положение: 0;
}
25% {
Фоновое положение: 0;
}
26% {
Фон-позиция: 20px -20px;
}
50% {
Фон-позиция: 20px -20px;
}
51% {
Фон-позиция: 40px -40px;
}
75% {
Фон-позиция: 40px -40px;
}
76% {
Фон-позиция: 60px -60px;
}
99% {
Фон-позиция: 60px -60px;
}
100% {
Фоновое положение: 0;
}
}