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.
17.11.2014
Want create site? Find Free WordPress Themes and plugins.

Мой блог снова активизировался. На этот раз я выкладываю платные версии одного из самых необходимых для WordPress плагина совершенно бесплатно.

Did you find apk for android? You can find new Free Android Games and apps.
10.11.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.
04.12.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.

Давно не писал в блоге, уже 3 месяца руки не доходят обновить ни портфолио, ни бложе мой. За этот период ничего в сайтостроеннии кардинально не поменялось. Ранее тут же я писал о том, как забацать нестандартный шрифт у себя на сайте, но статью написал очень сыро

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