Фон в клеточку на чистом CSS
Наверняка все вы, встречали сайты, где основной фон, или же фоны отдельных блоков с содержанием, выполнены в виде клеток. Чаще всего для оформления фона в клеточку используют изображения различных фоновых текстур (паттернов). Мало кто знает, что при создании клеточек, как в школьной тетради, можно обойтись без дополнительных изображений, исключительно средствами CSS.
Предлагаю на рассмотрение простейший способ реализации фоновой заливки в клеточку на чистом CSS.
Всё что нам нужно, это создать два повторяющихся градиента, один из которых будет повернут на 90 градусов, а с помощью свойства background-size: определить необходимый нам размер клеток:
Соответственно цвет линий клеточек может быть любым, так же как и их толщина. Ну, а с помощью background-size , в последующем, можно будет легко изменять размер клеток, в зависимости от ваших предпочтений.
Вот и всё! Теперь вы легко сможете воссоздать фоновые текстуры в виде клеточек, без подключения изображений, при этом клетки всегда будут изящно смотреться при изменении размеров окна браузера.
Вам надоело тратить время на работу с англоязычными шаблонами? В таком случае, вам точно придется по душе та информация, о который мы собираемся с вами поделиться. На маркетплейсе TemplateMonster теперь можно ознакомиться с новейшей коллекцией HTML шаблонов на русском языке . Тексты для каждого из шаблонов были прописаны вручную. А сам процесс создания сайта не вызовет никаких трудностей. С помощью простого визуального редактора, можно наблюдать за всеми изменениями в дизайне.
Буду всем признателен, если поддержите проект — добавив блог в исключения AdBlock и поделитесь ссылкой на запись в своих соц-сетях:
Обои для стен в клетку – классика, не выходящая из моды. Идеально подойдут для строгих и лаконичных интерьеров. Смотрятся интересно и привлекательно. Выбрав нужный оттенок с их помощью можно добавить окружению яркости или, напротив, создать расслабляющую обстановку. Психологами доказано, что этот узор, в котором все элементы упорядочены, благоприятно влияет на психику, успокаивает и умиротворяет.
Наш интернет-магазин рад предложить каталог обоев в клетку, воплотивший в себе многообразие орнаментов. Купить понравившиеся полотна можно с доставкой по всей России, осуществляемой через транспортные компании. Грамотные консультации всегда можно получить у наших менеджеров по номеру телефона 8 (800) 333-93-38.
Автор: NON. Дата публикации: 28 апреля 2014 . Категория: Практические советы.
Как Вы знаете, прозрачность в фотошопе отображается в виде шахматного узора. Некоторых это рисунок сильно раздражает. Поэтому нередко задают вопрос о том, как отключить шахматный узор.
В этом практическом совете будет показано, как можно отключить этот параметр программы.
Вот так выглядит прозрачность в фотошопе — фон вокруг ребёнка выглядит в виде так называемой "шахматки", т.е. является прозрачным.
Чтобы не видеть этот узор, его можно легко отключить.
Перейдём в " Редактирование — Установки — Прозрачность и цветовой охват ".
Щёлкаем по чёрной стрелочке, направленной вниз, правее поля " Размер сетки " и выбираем пункт " Не задана ". Нажимаем в окне " Установки " " Да ".
Больше узора на фото мы не видим. Причём изменения вступают в силу сразу, без всяких перезагрузок программы Photoshop .
Если Вы не хотите пропустить интересные уроки по работе с изображениями в фотошопе и другие полезные материалы — подпишитесь на рассылку. Форма для подписки находится ниже.