игра со свойством box-shadow, правка расположения тени

Тема в разделе "Веб-дизайн", создана пользователем Fryed_Ice, 20 авг 2011.

Модераторы: zek24
  1. Fryed_Ice

    Fryed_Ice Создатель

    Регистр.:
    10 окт 2010
    Сообщения:
    13
    Симпатии:
    0
    http://jsfiddle.net/msJ3P/
    собственно необходимо обрамить тенью левую грань, топ и нижнюю часть, но при этом не задев правую (возможен отступ 2-7px) и это все одной строкой в css без дополнения костылей вроде доп дивов.
    [​IMG]
    Хотел картинкой сделать, но там шаблон плохо сверстан, мароки много.
    Есть идеи?
     
  2. beauty_free

    beauty_free Создатель

    Регистр.:
    28 авг 2011
    Сообщения:
    19
    Симпатии:
    1
  3. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    box-shadow позволяет использовать несколько теней через запятую, примерно так
    HTML:
    box-shadow:  0px -5px 10px -2px gray , -5px 5px 10px -2px gray;
    циферки подберете сами?
     
  4. OpS87

    OpS87

    Регистр.:
    9 авг 2011
    Сообщения:
    175
    Симпатии:
    15
    По-моему картинка - наиболее оптимальный вариант. CSS3 пока не настолько популярен, чтоб его использовать. Остались ведь юзеры ие6+.
     
  5. Art2011

    Art2011 Читатель

    Заблокирован
    Регистр.:
    28 авг 2011
    Сообщения:
    37
    Симпатии:
    0
    И что? css это очень даже! тем более если в прямых руках.