Есть ли текстовая тень для Div?

Question

Мне было интересно, есть ли что-то вроде тени текста для DIV, мы все знаем, что тень текста только для отбрасывания тени на текст, но я хочу тень для полного DIV.

есть идеи?

Спасибо

Answer 1

Если вы используете text-shadow, вы используете CSS3, поэтому попробуйте свойство box-shadow .

Answer 2

На самом деле вы можете сделать это с помощью css3 в новых браузерах и фильтровать с помощью IE. Я читал об этом в этой очень хорошей статье некоторое время назад. В основном вы можете взять следующий CSS и применить его к div, и он должен работать с FF, Safari, Chrome, Opera, IE5.5 и выше.

.module {
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}

Answer 3

Вы можете использовать изображения, чтобы получить эффекты тени для divs. Alist кроме есть хорошие статьи на нем.

Answer 4

Вы можете попробовать border-image

border-image: url(shadow.png);

CSS3 Только хотя