Адаптивная сетка для новостных блоков

Адаптивная сетка с одинаковыми по высоте блоками для превью новостей или статей

Фотографии в блоках имеют одинаковый размер. По причине того, что обычно все добавляют разные по формату картинки — лишнее просто отрезается.

Кнопка "подробнее" всегда находится на одном уровне у всех блоков в строке

Решение основано на css-свойстве display: grid

Читать далее

Анимированное соединение точек

Красивый эффект на javaScript для анимированного соединения точек

Анимация двигается по бекграунду вслед за курсором мыши и отлично подойдет для космической тематики

Читать далее

Размытые мерцающие окружности

Фоновый эффект появления, исчезания и движения окружностей, реализованный на библиотеке GSAP

Кроме появления и исчезания окружности двигаются в противоположную строну от направления курсора мыши .

Читать далее

Горизонтальные вкладки с анимацией

JQuery плагин для простого создания горизонтальных вкладок с анимированным выводом их содержимого

Плагин имеет 4 эффекта отображения контента и занимает менее 100 строчек кода.

Читать далее

Всплывающие фото-подсказки

Фотография, двигающаяся за курсором, пока он находится на заданном слове

Для реализации этого решения используется небольшой JS-код

Читать далее

Имитация книги из фотографии

Трансформация фотографии в обложку объемной книги средствами CSS

Данный небольшой CSS-код создает эффект "книги на журнальном столике" (coffee table books). Так называют книги, которые будут идеально смотреться на журнальном столике, а в нашем случае на странице сайта.

Читать далее