Изучив рубрику "CSS", вы узнаете, как с помощью каскадных таблиц стилей (CSS) можно легко управлять дизайном сайта и упростить создание самого сайта. Данная рубрика заменит Вам полноценный «учебник по CSS».
Бесплатные уроки CSS для начинающих
Вдобавок к текстовым урокам по каскадным таблицам стилей, в данном разделе также представлены полезные уроки CSS для начинающих. Все материалы изложены в максимально простой и понятной форме, поэтому даже абсолютный новичок сможет быстро освоить все премудрости создания красивого оформления сайтов.
-
Интересные примеры перетаскивания элементов
Сегодня мы представим два демо, где показываем забавные примеры использования перетаскивания элементов.
Сложность: -
Сетка товаров с фильтром
В данном приме используется макет, работающий на основе Isotope, а так же слайдере Flickity. При добавлении товара в корзину будет воспроизводиться небольшой анимационный эффект. Для фильтрации используется Isotope, а для адаптации медиа запросы.
Сложность: -
Определение цветовой палитры
Сегодня мы бы хотели поделиться с вами интересным скриптом, который подбирает цветовую палитру в зависимости от фотографии.
Сложность: -
Тилт-эффект для изображений
В данной статье мы продемонстрируем довольно-таки интересный эффект за счёт копирования изображений, манипуляции их прозрачности и позиции.
Сложность: -
Эффекты для сравнения товаров
Адаптивная сетка для сравнения товаров между собой с слайд-эффектами.
Сложность: -
Стили для текстов и ховер-эффекты
Набор текстовых стилей и ховер эффектов. В некоторых из них используется экспериментальный функционал, как SVG маски и Canvas.
Сложность: -
Эффект шевелёнки средствами SVG
Урок, в котором вы узнаете как можно реализовать эффект шевелёнки с помощью JavaScript и SVG.
Сложность:
