Теперь вы знаете о фильтрах достаточно, чтобы помочь Кексу в одном маленьком деле. На досуге он ведёт аккаунт HTML Academy в Instagram. И вот однажды ему захотелось как настоящему программисту написать свой аналог. Назвать его он решил Кекстаграм.

В этой серии заданий мы будем помогать Кексу с его проектом, применяя полученные знания на практике. В итоге вместе мы построим свой Кекстаграм с помощью HTML, CSS и JavaScript.

В процессе мы создадим несколько фильтров, которые будут применяться к фотографии в блоке .photo. Переключатели фильтров мы разместим в блоке .toggle-controls, а само переключение будет работать на JavaScript.

Сначала подготовим разметку для нашего будущего фотоприложения. Ну и, конечно же, подключим пока пустой файл script.js, который открыт в третьей вкладке.

Подробно фильтры CSS рассматриваются в предыдущей части «Кекстаграм: Начало. CSS-фильтры».