Подборка свежих эффектов, интересных идей и полезных наработок. Эффект 3D-печати Нарядный переключатель Ракета в космосе Красивая анимация логотипа Креативное резюме с SVG-анимацией при прокрутке Эффектнее всего выглядит в полностраничном режиме (справа вверху кнопка «Change View» — «Full Page»).Технологии: SVG, CSS-трансформации, CSS-анимация, GreenSock.js.Автор: Ева (@SoyEva) Посмотреть живой пример Праздничный календарь на гридах Рисунок девушки Линии образуют рисунок при загрузке страницы. Чтобы посмотреть ...

Подборка свежих эффектов, интересных идей и полезных наработок. Праздничная анимация Парад солдатиков с параллакс-эффектом Конструктор машины Шестиугольный прогресс-бар Глючный прогресс-бар Автор высмеивает бессмысленные прогресс-бары: когда индикатор вроде и есть, а толку от него ноль.Технологии: CSS-анимация.Автор: Крис Смит (@chris22smith) Посмотреть живой пример Трансформации иконок соцсетей Анимация с кофемашиной Градиентный фон при наведении Оптическая иллюзия Когда уголки квадратов окрашиваются, возникает иллюзия искажения прямых ...

Подборка свежих эффектов, интересных идей и полезных наработок. Эффект с подчеркиванием при наведении на ссылку Оптическая иллюзия с цветными кругами Посмотрите на два круга: кажется, что это голубой и зелёный. На самом деле они одного и того же цвета циан.Технологии: SVG.Автор: Эллиот Гено (@pyrografix) Посмотреть живой пример Трансформации героев фильма «Звездные войны: Последний джедай» из многоугольников Навигация по героям — над портретами, ...

Спецификация CSS Box Alignment становится всё более зрелой, и кроме шпаргалки по выравниванию блоков Рейчел Эндрю и нашего обзора свойств для выравнивания всего в сети появляются новые материалы о ней. Пожалуй, пришла пора и нам освежить знания об этих свойствах. Общий принцип Спецификация CSS Box Alignment предлагает 9 свойств для выравнивания всего. Все они состоят из двух частей и получаются ...