HTML/CSS: Как Google создает эту падающую тень по их картам?

Question

HTML/CSS: Как Google создает эту падающую тень по их картам?

Вопрос: Как Google создает dropshadow рядом с вертикальной полосой прокрутки по Google Map?

Это - снимок экрана, изображающий точно, о чем я говорю.

enter image description here

Это, кажется, независимо от браузера (IE, Firefox, Chrome) и платформа (Windows, Mac, Linux).

5

javascript html css dropshadow

задан Kev 28 August 2011 в 14:53

3 ответа

score 1 · Answer 1

Возможно, это -webkit-box-shadow или -moz-box-shadow, в зависимости от вашего браузера.

EDIT Я только что проверил страницу, и это серия

, выровненных вместе. Поищите

в источнике страницы (или в каком-нибудь DOM-инспекторе, так будет проще). Скорее всего, это какой-то хак, который они собрали вместе, чтобы получить классный эффект, но я не знаю, насколько это легко воспроизводимо.

1

ответ дан 13 December 2019 в 05:33

На самом деле это серия из пяти тонких как бритва DIV, каждый с уменьшающейся непрозрачностью, расположенных рядом друг с другом. Вы можете убедиться в этом сами, используя Firebug и щелкнув по теневой области.

8

ответ дан 13 December 2019 в 05:33

IE 8: используйте F12, выберите стрелку, затем нажмите на интересующий вас элемент.

В данном случае это 5 div перекрытие, ширина 1–5 пикселей, все со стилем «filter: alpha (opacity = x); opacity: 0.x;», x от 10 до 02

2

ответ дан 13 December 2019 в 05:33

Другие вопросы по тегам:

javascript html css dropshadow

Похожие вопросы:

score 8 · Answer 2

На самом деле это серия из пяти тонких как бритва DIV, каждый с уменьшающейся непрозрачностью, расположенных рядом друг с другом. Вы можете убедиться в этом сами, используя Firebug и щелкнув по теневой области.

score 2 · Answer 3

IE 8: используйте F12, выберите стрелку, затем нажмите на интересующий вас элемент.

В данном случае это 5 div перекрытие, ширина 1–5 пикселей, все со стилем «filter: alpha (opacity = x); opacity: 0.x;», x от 10 до 02