Box-shadow или тень при помощи CSS

Want create site? Find Free WordPress Themes and plugins.

Применение этой методики в интернете можно встретить очень часто. Методика создания теней для блоков при помощи CSS имеет как много плюсов, так и недостатков. Мы рассмотрим более 12 вариантов реализаций теней при помощи параметра box-shadow.

Для начала я просто обязан сказать о недостатках — это кроссбраузерность.
CSS параметр box-shadow поддерживают следующие браузеры:
IE 9+, Firefox 4.0+, Opera 10.5+, Safari 3.0+, Chrome 1.0+

Теперь соответственно о плюсах:

  • Любой блок можно без труда быстро обрамить css тенью, настроить цвет тени и ее отступы от блока.
  • Тень может быть как внешняя, так и внутренняя.
  • С любой из четырех сторон блока можно использовать любой цвет тени, соответственно большая гибкость реализации.
  • Весьма небольшой объем встраиваемого кода, также можно применить тень для конкретного браузера отдельно.

Сервис генерации кода — http://css3gen.com/box-shadow/

Did you find apk for android? You can find new Free Android Games and apps.
Want create site? Find Free WordPress Themes and plugins.

Нарисованный макет всегда должен выглядеть эстетически красивым. Самым простой способ визуально привести макет к полному завершению — вставить его в браузер, т.е. визуально показать, как будет выглядеть сайт в живую.

Did you find apk for android? You can find new Free Android Games and apps.
06.11.2014
Want create site? Find Free WordPress Themes and plugins.

Представляю вашему вниманию пожалуй самые необходимые аддоны для wordpress и advanced custom fields совершенно бесплатно, как мы любим :) Repeater, Gallery и Option Page.

Did you find apk for android? You can find new Free Android Games and apps.
05.04.2015
Want create site? Find Free WordPress Themes and plugins.

Задача: сделать блоки одинаковой высоты, не используя таблицы, кучу лишнего кода. Чтобы было кроссбраузерно, просто и адаптивно.

Did you find apk for android? You can find new Free Android Games and apps.
06.04.2017
Want create site? Find Free WordPress Themes and plugins.

Задача: вывести записи с сортировкой по дате указанной в произвольном поле плагина ACF.

Did you find apk for android? You can find new Free Android Games and apps.
10.02.2017
Want create site? Find Free WordPress Themes and plugins.

Я считаю, что каждый дизайнер просто обязан уметь верстать. Многим конечно такое высказывание не понравится, но согласитесь как можно делать дизайн сайта, если человек не знает с какими проблемами и трудностями можно столкнуться на важном этапе верстки.

Did you find apk for android? You can find new Free Android Games and apps.
24.11.2015