"Резиновый" фон при помощи background-size и медиа-запросу

"Резиновый" фон при помощи background-size и медиа-запросу blog-in.ru

Здравствуйте! Современные Web-технологии идут семимильными шагами. Что недавно мы делали с помощью громадных кодов, сегодня выполняется несколькими строками. Я хотел бы с вам поделиться интересными свойствами CSS3. А если точнее, то расскажу вам, как сделать "резиновый" фон на свой сайт.
« Комментарии

Похожие анонсы

Поговорим про некоторые свойства CSS3 (часть вторая) @ 01.09.2011 07:04
И так, в первой части я уже вас познакомил со свойствами border-radius, text-shadow, box-shadow и множественными фонами. В этот раз я хочу познакомить вас с transition(анимация), resize, и background-size. Еще обещал рассказать про подключения сторонних шрифтов, но о них наверно позже (плюс прямого отношения к CSS3 они не имеют).
Пишем HTML5+CSS3 плеер @ 16.03.2011 17:08
Совсем недавно поставил перед собой задачу создать страничку с любимыми композициями, но не использовать при этом flash, a применить новы технологии. Тем более html5 и css3 сейчас шагают семимильными шагами. Прочитал множество статей, описывающих мультимедийные новшества html5 и понял, что всё до безобразия просто. Надеюсь вам поможет моя статья для дальшейших работ с этим прекрасным языком. Буду благодарен за комментарии. =)
Закулисные Секреты Флешера Тима. @ 08.11.2009 13:12
Технологии в современном Рунете идут вперед «семимильными шагами». Тот, кто успел их освоить, и вовремя разобраться во всех их тонкостях – тот и победитель. Так я считал в свое время, когда впервые узнал о FLASH.
Background в CSS3 @ 14.09.2009 23:26
Те из вас, кто часто занимается версткой, прекрасно знакомы с семейством свойств background в CSS. Это одно из основных и наиболее часто используемых свойств, ведь чаще всего с помощью него вставляется графика в страницу. В этой статье я хочу рассмотреть свойства background, которые станут доступны с введением стандарта CSS3.
Красивые анимированные вкладки на CSS @ 26.10.2013 20:35
CSS3 начинает набирать всё большую популярность и всё больше браузеров начинают поддерживать данную технологию. То что раньше мы делали с помощью javascript, легко можно сделать при помощи CSS3. А сегодня мы рассмотрим как создать анимированные вкладки на CSS3. Пример анимированных вкладок можно увидеть на сайте. А также на сайте можно скачать архив с примером и адаптировать их для своего сайта.
Социальные медиа. Твиттер. @ 24.10.2012 07:29
SEO пока еще продолжает свой марш, семимильными шагами, и если раньше все было просто, затарился ссылками и забыл о SEO, сейчас этого уже недостаточно, сейчас все жестко. Но вся эта жесть направлена на спам поисковых систем.А как же социальные сети, например… Твиттер
Вышла первая альфа FireFox 3.6 с улучшенной поддержкой CSS3 @ 08.08.2009 10:34
Доступна для скачивания новая версия браузера FireFox, под кодовым именем Nomaroka, 3.6 альфа 1. Разработчики обещают поддержку множества вкусных плюшек от css3, например css градиенты, background-size, разные картинки в фон.
Как добавить колонку id в панель управления без помощи плагинов @ 14.11.2013 14:44
Здравствуйте! Недавно писал статью как узнать id в wordpress страниц, рубрик и т.п., я тогда предоставил вам несколько способов как его найти, в том числе и с помощью плагина Reveal IDs, который создавал колонку в админке сайта. Теперь я покажу как ее сделать без помощи данного плагина. Если кто им пользуется, убрав его, заодно оптимизирует свой сайт на wordpress, который и так загружен плагинами.
Как просто сделать красивый слайдер с помощью CSS3? @ 13.08.2012 12:37
Здравствуйте, коллеги! Сегодня я расскажу, как с помощью CSS3 Вы сможете сделать для своего сайта красивый слайдер. Сразу скажу, никаких скриптов, плагинов НЕ БУДЕТ! Будут даны всего 2 готовых фрагмента кода, которые нужно будет лишь слегка (при необходимости) приспособить под свои нужды, для которых понадобятся лишь некоторые знания CSS. И все, а эффект может быть поразительным!
Необычный слайдер для сайта на jQuery и CSS3 @ 10.10.2018 14:25
Сегодня речь пойдет о слайдере, я давно не рассказывал о полноэкранных слайдерах, ведь они являются моими любимыми. Так что хочу исправить этот пробел и показать как сделать необычный слайдер, с интересными переходами, при помощи CSS3 и jQuery.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Лучшие

Активность на сайте