Главная » Архив меток: анимация

Архив меток: анимация

MixaPixa — полноценный моушн-дизайн и анимированные баннеры без After Effects

Когда вам требуется создать красивые промо-ролики или анимированные gif/html5 баннеры для видео-маркетинговой кампании, то совсем не обязательно использовать навороченные программы моушн-дизайна. Сегодня рассмотрим достойную их альтернативу в виде облачного сервиса MixaPixa.com. Он был специально создан для тех юзеров, которым профессиональный After Effects кажется слишком сложным и избыточным, а функциональности онлайн-редакторов Canva или Crello недостаточно для реализации всех творческих идей по ...

Читать далее »

Скандинавские цвета и стиль в дизайне сайтов (60+ примеров)

При создании палитры для сайтов дизайнеры учитывают не только сферу будущего веб-проекта, его функциональность, целевую аудиторию, а и множество других нюансов. Вполне логично, что, например, в традиционном зимнем сайте преобладают холодные тона, совместно с всевозможными оттенками синего и голубого. Сегодня у нас будет подборка дизайнов в скандинавских цветах и стилистике, которая используется не только в веб-проектах данного этого региона, а ...

Читать далее »

Интересные дизайнерские онлайн сервисы №11: эффекты CSS, анимация, фоны

Лето 2018 плавно подходит к своему завершению, а мы заметили, что за этот период так и не опубликовали ни одной подборки классных онлайн проектов. Прошлый юбилейный 10 выпуск мини обзоров был размещен достаточно давно и включал сразу 10 сайтов. Сегодня их будет чуть меньше, но хуже от этого статья не станет — поговорим о CSS скриптах, палитрах, логотипах и не ...

Читать далее »

Еженедельная подборка красивых эффектов на CSS/SVG/JS #79

Подборка свежих эффектов, интересных идей и полезных наработок. «Мона Лиза» из линий Крестики-нолики на CSS Портрет Криса Койера Переключатель в виде теннисного мяча CSS-анимация иконок меню Демонстрация работы функции crossfade() UI на чистом CSS Рука-загрузчик на CSS Анимация рукописного текста Мишка-переключатель на CSS Пожелания и идеи по содержанию следующих выпусков приветствуем в комментариях. P.S. Это тоже может быть интересно:

Читать далее »

Движение по траектории в CSS помимо «большой тройки» свойств

Перевод статьи CSS Motion Path beyond the Big Three Properties с сайта danielcwilson.com, опубликовано на css-live.ru с разрешения автора — Дэна Уилсона. Хотя работает она только в Chromium-браузерах, а черновик ее спецификации всё еще активно разрабатывается, анимация движения по траектории (CSS Motion Path) немного повзрослела за эти три года с момента первой реализации в Chrome 46. Я уже описывал основы главного применения CSS Motion Path в ...

Читать далее »

Еженедельная подборка красивых эффектов на CSS/SVG/JS #78

Подборка свежих эффектов, интересных идей и полезных наработок. WebGL-слайдер с искажением Анимация кнопок выравнивания Интересный дизайн галереи Create.js + Oreo Значки Мстителей Хронологическая лента Перчатка Бесконечности Анимация меню социальных сетей Анимация с лосем Анимированный узор на CSS-гридах Пожелания и идеи по содержанию следующих выпусков приветствуем в комментариях. P.S. Это тоже может быть интересно:

Читать далее »

Еженедельная подборка красивых эффектов на CSS/SVG/JS #77

Подборка свежих эффектов, интересных идей и полезных наработок. Анимация про дизайнеров на CSS Лошадь в движении Эдварда Мейбридж Головоломка «Ханойская башня» Цель — переместить все диски с левой «башни» на правую. За один раз можно перемещать только один диск. При этом больший диск нельзя помещать на меньший.Технологии: CSS.Автор: Бенс Сабо (@finnhvman) Посмотреть живой пример Выбор любимого времени дня SVG-переключалка между табами ...

Читать далее »

Еженедельная подборка красивых эффектов на CSS/SVG/JS #76

Подборка свежих эффектов, интересных идей и полезных наработок. Ползунок в научном стиле Адаптивная таблица с возможностью сортировки данных Демонстрация контрастности текста и фона Эффект наведения на кнопку Тоннели Графический постер на CSS-гридах Анимированные иконки из точек Анимированная на CSS страница 404 ошибки Полосатая иллюстрация Разделение экрана на две части на React Пожелания и идеи по содержанию следующих выпусков приветствуем в комментариях. ...

Читать далее »

Еженедельная подборка красивых эффектов на CSS/SVG/JS #75

Подборка свежих эффектов, интересных идей и полезных наработок. Солнечная система на CSS Переключаться между планетами можно навигацией слева или кликом на изображение. Под описанием планеты есть рабочая кнопка «Read more» («Подробнее»).Технологии: CSS, CSS-анимация, CSS-трансформации.Автор: Джейми Коултер (@jcoulterdesign) Посмотреть живой пример Дом с растущей крышей Трехмерная мозаика из шестиугольников Кнопка скрытия/отображения пароля на CSS Картины Мондриана на CSS-гридах Картины поворачиваются в зависимости ...

Читать далее »

Еженедельная подборка красивых эффектов на CSS/SVG/JS #74

Подборка свежих эффектов, интересных идей и полезных наработок. SVG-рисунок при прокрутке Необычный слайдер в стиле ползунка Многоугольники Удерживая курсором, фигуры можно перемещать. Обратите внимание, что их цвет меняется в зависимости от положения относительно друг друга (красный, зеленый, синий).Технологии: canvas, JS, Pixi.js.Автор: Блейк Боуэн (@osublake) Посмотреть живой пример Анимация «Старцы» по мотивам Лавкрафта Разворот книги на CSS Поворот карточек на CSS Эффект ...

Читать далее »