Перейти к содержимому



Мягкая тень по краям фона сайта

#1 Agriiii

Agriiii
  • Пользователь
  • 378 сообщений
  • Репутация: 40
0

Отправлено 11 Август 2012 - 18:01

Вопрос состоит как сделать следующее:

Есть текстура, тайленая. Она идёт на фон, повторяется. Есть посередине блок с контентом. Чтоб подчеркнуть этот контент область вокруг блока (посередине) должна быть светлее, а по бокам фон должен темнеть. Как это сделать?

Можно ли например поверх фона прикрепить изображение спрайта, который будет растягиваться и затемнять по краям фон? Если да, то как сделать его по размеру небольшим и с мягким переходом? Может это JS? Прошу совета у кого был с этим опыт или знает как реализовать.

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Кеширование фона сайта
  2. Глюк когда при прокручивании сайта фон остаётся на месте
  3. Repeat картинки фона по "y" в вертикальном сайт баре
  4. Фон на сайте на разных разрешениях смотрится по-разному
  5. Фон и шапка сайта

#2 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 11 Август 2012 - 19:38

возможно это будет интересно http://htmlbook.ru/css/text-shadow
  • 0

#3 Agriiii

Agriiii
    Topic Starter
  • Пользователь
  • 378 сообщений
  • Репутация: 40

Отправлено 11 Август 2012 - 20:06

Затемнение относится к фону сайта, а не вокруг текста. Это явно не то.
  • 0

#4 Agriiii

Agriiii
    Topic Starter
  • Пользователь
  • 378 сообщений
  • Репутация: 40

Отправлено 11 Август 2012 - 20:23

Как возможный способ, что-то такое:
Изображение

Было бы идеально, если б можно было затенять фон вовнутрь средствами CSS.
  • 0

#5 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 11 Август 2012 - 20:55

это затемнение можно применять к чему угодно
судя по скринам тебе полезно позиционирование http://htmlbook.ru/css/position
  • 0


Оформление форума – IPBSkins.ru