Скажите а возможно наложить на градиент вот такую штуку http://www.gradient-animator.com/?!)
1
Анимация Для Градиента
Автор Stas_Y, 05 сент. 2015 06:36
Сообщений в теме: 6
#1
Отправлено 05 Сентябрь 2015 - 06:36
#2
Отправлено 05 Сентябрь 2015 - 06:42
Это вполне реализуемо, сгенерируйте анимацию по своему вкусу и напишите полученный код. Также уточните, анимацию накладывать на конкретные элементы или везде, где имеется стандартный градиент?
#3
Отправлено 05 Сентябрь 2015 - 07:13
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%}
}
Заменим пока для : рис в приложении
#4
Отправлено 07 Сентябрь 2015 - 05:16
UP
#5
Отправлено 08 Сентябрь 2015 - 03:15
В 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%} }
#6
Отправлено 11 Октябрь 2016 - 13:13
Здрасте, я следую инструкциям здесь описанным но у меня ничего не получается...
#7
Отправлено 13 Октябрь 2016 - 15:28
JIN (11 Октябрь 2016 - 13:13) писал:
Здрасте, я следую инструкциям здесь описанным но у меня ничего не получается...
Уточните, пожалуйста, для какого аккаунта Вы пытаетесь применить изменения? Поскольку на том, аккаунте, который указан у Вас, установлен дизайн-шаблон Инфинити. Если Вы хотите реализовать именно для этого шаблона, то скажите, пожалуйста, к какому именно элементу?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных