kuponibesplatno
@kuponibesplatno

Как на слинки заливается так фон для гифки?

Коллеги привет.

Интересует вопрос, как на слинках так заливается автоматом фон для гиф анимации ? Просто понравился этот момент и думаем сделать для себя что-то такое на картинках с товарами. Я бы даже сказал, что он меня порадовал и особенно, как от тёмного заливается нужный цвет.
slinky.me/Kwc
slinky.me/Hyc

Как сделать то так? Прям представляю, как фото товара будем заливать подходящим цветом на полный экран. Будет фокус на товаре и это будет круто смотрится аля Full скрин

заранее спасибо
  • Вопрос задан
  • 2412 просмотров
Пригласить эксперта
Ответы на вопрос 1
Используется свойство css transition
В примере выглядит так:

transition: all 0.85s ease;

- то есть все свойства блока, к примеру цвет фона (all) меняются плавно в течении 0,85 секунд с нарастанием вначале и убыванием в конце скорости изменения (ease).

Если использовать для фото товаров то вначале нужно как нибудь узнать цвет фона фото (к примеру заранее на сервере с помошью php, либо сразу на клиенте с помащью javascript), и потом менять цвет фона блока (с помощью javascript), а плавность изменения обеспечит css.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы