Категория: CSS.
В этом примере вы увидите, как сделать очень даже неплохую галерею изображений без использования JavaScript. Да мы будем использовать только CSS3, а именно некоторые его свойства: user-select, box-sizing, transition, box-shadow. Посмотрите готовый демонстрационный пример, для лучшего понимания того что должно получаться в итоге.
Подробнее Комментарий (0) Просмотров: 6798
Категория: CSS.
Вам необходимо растянуть фоновое изображение на весь размер экрана, без отступов и белых полей. Для этого существует несколько способов как с средствами javascript так и с CSS. Приведу два примера растягивания фоновой картинки с помощью CSS.
Подробнее Комментарий (1) Просмотров: 11599
Категория: CSS.
Вы наверно уже видели похожие меню с эффектом скольжения указателя пунктов в нём, но сделанное с использованием плагина JQuery. В этом примере, вы увидите как создать такую же анимацию переходов только средствами CSS3.
Подробнее Комментарий (0) Просмотров: 2016
Категория: CSS.
В этом примере вы увидите ещё одну прекрасную вещь, которую можно реализовать с помощью CSS3 — это аккордеон. Я думаю, что приём аккордеона по-прежнему популяр в интернете. Это хороший и компактный способ разместить информацию на странице. Конечно, мы можем всегда использовать JavaScript (JQuery) плагины для установки аккордеона, но это не всегда единственный выход. Потому как мы можем воспользоваться только средствами CSS3 для достижения такого же эффекта.
Подробнее Комментарий (0) Просмотров: 3497
Категория: CSS.
В этом примере вы увидите как создаются анимированные интерактивные кнопки с использованием CSS3. Кнопки используют два состояния анимации, при наведении курсора и активное после нажатия на них.
Подробнее Комментарий (0) Просмотров: 3552
Категория: CSS.
В этой статье для вас представлено 11 типовых CSS конструкций, которые очень часто приходиться применять в различных проектах. Таким образом, вам просто понадобиться скопировать типовой фрагмент кода себе в файл стилей и лишь дописать необходимые моменты в соответствии эскиза вашего проекта.
Подробнее Комментарий (0) Просмотров: 2558