Блог

Как я могу добиться такого же эффекта (того, что находится под логотипом Google и над изображением Nexus S (оно выглядит как линия с едва заметным градиентом, выходящим из нее), используя CSS3.

Используйте box-shadow свойство CSS3. Пример здесь:http://fiddle.jshell.net/Shaz/AQDcD /

добавить окно-тень для элемента, в основном div,

box-shadow зависит от браузера, поэтому вам нужно добавить префикс agent при определении css смотрите здесь для получения дополнительной информации

box-shadow на самом деле это не сработает, Gecko (Firefox) и другие браузеры добавляют длину тени к объекту и, следовательно, создают и переливаются по горизонтали, если вы задаете объекту полную ширину или высоту. Для этого эффекта лучше всего использовать градиентный фон CSS3, это избавит вас от необходимости взламывать окно-тень, чтобы оно не переливалось.