css - Страница 7

Архив рубрики ‘css’

Фоны SVG в виде штриховки, сетки и шахматной доски

Штриховкой и перекрестной штриховкой можно назвать близко расположенные параллельные линии, которые используются для изображения тени, плотности и окрашивания в иллюстрациях. Они используется всюду: от гравюр до комиксов, и их довольно легко создать как фоны SVG. Так как штриховка и перекрестная штриховка близка к сеткам, рассмотрим и их. Простая штриховка в SVG также близка к полосам и диагоналям, [...]
Далее... Нет комментариев »
Боковые меню одинаковой высоты с помощью фальшивых колонок

Иногда очень сложно создать код CSS даже для очень простой на вид верстки. Один из таких непростых моментов — создание колонок одинаковой высоты, но с содержимым разного размера. Существуют разные подходы к решению этой задачи, здесь мы расскажем об использовании очень простого способа с фальшивыми колонками.
Далее... Нет комментариев »
Создание простой адаптивной веб-страницы

Одним из принципов адаптивного дизайна является то, что можно создавать разные верстки для веб-сайта, в зависимости от ширины окна браузера, динамически изменяя внешний вид веб-страницы при изменении размера окна браузера.
Далее... Нет комментариев »
Правильное выравнивание логотипа на веб-странице

В дизайнерской среде существует заблуждение о том, что выравнивание логотипа по центру страницы сделает ваш бренд более запоминающимся. Недавние исследования показали что это не так. Оказалось, что лучше всего в этом аспекте работает выравнивание по левому краю, а остальные варианты могут даже усложнить навигацию по сайту.
Далее... 1 Комментарий »
Анимации элементов по дугам, окружностям и эллипсам с использованием CSS

Веб-анимация наиболее часто создается с использованием двух положений: начального и конечного состояний или расположений A и B. Движение элементов по дугам, эллипсам и окружностям используется реже, но об этом тоже важно знать.
Далее... Нет комментариев »
Создание маркировки для списков с использованием изображений

Можно уникальным образом украсить списки несколькими способами. Первый и самый лучший вариант — использование рамок и генерируемого содержимого. Но иногда элементы пунктов списка выделяются таким необычным образом, что приходится специально для этого создавать изображение и применять его с помощью свойства list-style-image (изображения стиля списка) или свойства фонового изображения. Так как это оформление будет применяться к каждому элементу [...]
Далее... Нет комментариев »
Создание разметок с использованием CSS: текст в несколько колонок

Если вам нужно создать верстку веб-страницы с отдельно находящимися текстами, которым не нужно перетекать между колонками, то код CSS довольно прост. Используя простой дизайн как основу, оберните каждую отдельную колонку текста в блок:
Далее... Нет комментариев »
Создание видео эффектов HTML5 с использованием режимов наложения CSS

Общепринятые видео эффекты, такие как фильтры, переходы и смешивания, обычно применяются в программе-обработчике видео, такой как Adobe Premiere или Apple’s Final Cut. Несмотря на то, что в этом есть очевидные преимущества, любые изменения, сделанные в программе-обработчике видео, встроены в это видео, и их нельзя изменить или отменить после выпуска видео.
Далее... Нет комментариев »
Создание различной маркировки для списков

Самое простое, что можно сделать со списками HTML, — изменить значение свойства list-style-type (типа стиля списка). Обратите внимание, свойство list-style (стиля списка) — это другое свойство, важно их не путать. В спецификациях CSS1 и CSS2 выбор значений типа стиля списка довольно ограничен. В спецификации CSS3 вариантов значений гораздо больше, но не все они поддерживаются даже в самых современных версиях браузеров.
Далее... Нет комментариев »