Сообщений в теме: 6

[Stas_Y]

Скажите а возможно наложить на градиент вот такую штуку http://www.gradient-animator.com/?!)

[Vaccina]

Это вполне реализуемо, сгенерируйте анимацию по своему вкусу и напишите полученный код. Также уточните, анимацию накладывать на конкретные элементы или везде, где имеется стандартный градиент?

[Stas_Y]

background: linear-gradient(266deg, #98c354, #2c5d37);
background-size: 400% 400%;

-webkit-animation: AnimationName 34s ease infinite;
-moz-animation: AnimationName 34s ease infinite;
-o-animation: AnimationName 34s ease infinite;
animation: AnimationName 34s ease infinite;

@-webkit-keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}
@-o-keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}
@keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}

Заменим пока для : рис в приложении

Прикрепленные изображения

• 

[Stas_Y]

UP

[Vaccina]

В main.css найдите(128):

#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow  {
background: #f79242;
background: -moz-linear-gradient(left, #fb7e3e 0%, #ac2c77 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fb7e3e), color-stop(160%,#ac2c77));
background: -webkit-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -o-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -ms-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: linear-gradient(to right, #fb7e3e 0%,#ac2c77 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7e3e', endColorstr='#ac2c77',GradientType=1 );
}

После него расположите:

#breadcrumbs{
background: linear-gradient(266deg, #98c354, #2c5d37);
background-size: 400% 400%;
-webkit-animation: AnimationName 34s ease infinite;
-moz-animation: AnimationName 34s ease infinite;
-o-animation: AnimationName 34s ease infinite;
animation: AnimationName 34s ease infinite;
}
@-webkit-keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}
@-o-keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}
@keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}

[JIN]

Здрасте, я следую инструкциям здесь описанным но у меня ничего не получается...

[Stasya]

JIN (11 Октябрь 2016 - 13:13) писал:

Здрасте, я следую инструкциям здесь описанным но у меня ничего не получается...

Уточните, пожалуйста, для какого аккаунта Вы пытаетесь применить изменения? Поскольку на том, аккаунте, который указан у Вас, установлен дизайн-шаблон Инфинити. Если Вы хотите реализовать именно для этого шаблона, то скажите, пожалуйста, к какому именно элементу?