Перелив цвета в бэкграунде сайта

Автор Тема: Перелив цвета в бэкграунде сайта  (Прочитано 4086 раз)

Оффлайн Milla

  • Бизнес оценка: (1, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 202
  • Сообщений: 725
  • Карма: 20
  • Пол: Женский
  • Награды Более 100 спасибо

Оффлайн Milla

  • Ветеран
  • *****
Re: Перелив цвета в бэкграунде сайта
« Ответ #10 : 06-05-2016, 20:30:27 »
А кнопка подписки на новости в сайдбаре, которая переливается, это анимация css или скрипт?


Оффлайн Clever

  • Бизнес оценка: (7, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 494
  • Сообщений: 965
  • Карма: 87
  • Пол: Мужской
  • Награды КМС поисковой оптимизации

Оффлайн Clever

  • Ветеран
  • *****
Re: Перелив цвета в бэкграунде сайта
« Ответ #11 : 07-05-2016, 02:34:12 »
А кнопка подписки на новости в сайдбаре, которая переливается, это анимация css или скрипт?

Анимация css.

Оффлайн DogicaАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 441
  • Сообщений: 1314
  • Карма: 36
  • Пол: Мужской
  • www.dogica.com
  • Награды SEO-специалист
    • DOGICA

Оффлайн DogicaАвтор темы

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 441
    • Сообщений: 1314
    • Карма: 36
    • Пол: Мужской
    • www.dogica.com
    • Награды SEO-специалист
      • DOGICA
Re: Перелив цвета в бэкграунде сайта
« Ответ #12 : 07-05-2016, 11:41:11 »
хотя скриптов на сайте не мало - стараюсь функциями не баловаться где можно заменять их на CSS
нагрузка поменьше и вроде как поисковики лучше смотрят.. фукнции все же разные бывают
не все боты способны прочитать оценить и понять адекватно

с главной перелив убрал.. белый фон больше по душе
кто хочет взглянуть как работают предложенные несколько строчек - вот кроссбраузерный CSS код
его можно усложнить и сделать так чтобы цвета менялись по палитре или рандом

Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
вот тут рабочий пример:

http://www.dogica.com/js/car.html
« Последнее редактирование: 07-05-2016, 11:45:17 от Dogica »
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)

Оффлайн Clever

  • Бизнес оценка: (7, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 494
  • Сообщений: 965
  • Карма: 87
  • Пол: Мужской
  • Награды КМС поисковой оптимизации

Оффлайн Clever

  • Ветеран
  • *****
Re: Перелив цвета в бэкграунде сайта
« Ответ #13 : 07-05-2016, 13:47:38 »

кто хочет взглянуть как работают предложенные несколько строчек - вот кроссбраузерный CSS код
его можно усложнить и сделать так чтобы цвета менялись по палитре или рандом

Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.

Если это кроссбраузерный код, то где потерялся префикс @-moz-keyframes   ?

А вот @-ms-keyframes в этом коде явно лишний, тем более Microsoft официально перестал поддерживать IE ниже 11, а там приставки @-ms-keyframes нет.

Новые браузеры понимают @keyframes, для более старых есть приставки.
На W3C есть таблица  браузеров, префиксы для старых браузеров

Поэтому лучше использовать готовый инструмент для подбора анимации градиента.



 

Похожие темы

  Тема / Автор Ответов Последний ответ
16 Ответов
4917 Просмотров
Последний ответ 16-11-2010, 18:49:38
от boriskin
24 Ответов
6176 Просмотров
Последний ответ 07-03-2011, 22:51:03
от [Константин]
7 Ответов
2467 Просмотров
Последний ответ 22-08-2012, 20:27:12
от Ragnos
9 Ответов
3361 Просмотров
Последний ответ 12-03-2013, 22:26:25
от remind4me
12 Ответов
3830 Просмотров
Последний ответ 02-11-2013, 18:53:13
от Lena-Miha