Background

Приемы как сделать шахматную сетку на псевдо-свойстве :nth-child().

Градиент в цвет шрифта можно добавить с помощью CSS свойства background-clip: text, которое окрашивает текст в цвет или изображение указанного в background-image.

Еще один способ сделать эффект смешивания градиента и изображения, основан на свойстве background-blend-mode. Минус...

Сборник CSS стилей с эффектом фильтров Инстаграма.

Такой эффект можно легко сделать через CSS свойство transition например для кнопок, меню и т.д.