Я знаю, как использовать тени CSS3. Однако я пытаюсь достичь определенного дизайна. Я хочу, чтобы тень была намного светлее и исчезла на левом и правом краях, пожалуйста, см. Прикрепленное изображение.Как создать легкую овальную тень CSS3
Единственный код, который я придумал, состоит в следующем. Но не уверен, как заставить края затухать больше.
.shadow {box-shadow: 0 10px 6px -6px #000000;}
Любые советы будут полезны
Я использую комбинацию теневой коробки, радиуса и клипа.
Это прекрасно! Не думал об использовании Pseudo-class: до или border-radius для достижения этого. Благодарю. –
вы можете играть с коробчатой тени и градиенты здесь
, но я не думаю, что вы можете применить замирания в тени
Да, я пробовал CSS3 gen, но не помог –
Что-то вроде этого? 
коробчатого тень: 0px 20px 37px -28px # 000000;
примечание о параметрах: CSS3's Box-Shadow Adds Drop Shadows, Inner Shadows
Немного, но не совсем там. Но решение @martinjlowm отлично –
привет вы можете создать овальную форму CSS3 тени через границу радиус & коробчатой тень ....
или можете увидеть демо: - http://jsbin.com/elacen/5/edit
Вы пробовали использовать градиенты css? Я думаю, что это единственный способ добиться этого через CSS. –