Как с помощью CSS сделать тень

4

MerryRobby

18 февраля 2010, 18:50

1912

Как в CSS сделатьЮ чтобы текст отбрасывал небольшую тень?

255

malls

18 февраля 2010, 18:52

#1

есть там какой-то shadow - но кажись не везде работает. Проще двойной див сделать с текстом, но нижний сдвинуть на пару пикселей и прозрачность задать ему 80%

4

MerryRobby

18 февраля 2010, 18:56

#2

Да, shadow не работает, а вот про див хорошая идея..) попробую. Спасибо.

255

malls

18 февраля 2010, 19:15

#3

токма текст хуже читается с тенями

345

pelvis

18 февраля 2010, 19:21

#4

MerryRobby, покурите исходные коды здесь http://sobeski.ru/ это одна из наших работ, там есть нужный плагин.

Продаю вывески. Задарма и задорого (https://www.ledsvetzavod.ru/)

4

MerryRobby

18 февраля 2010, 19:37

#5

pelvis, но по-моему, текст, что слева, не текст, а картинки? И ещё вот за прокрутку только вот это отвечает и больше ничего?

K

76

Kalian

19 февраля 2010, 00:23

#6

Можно сделать с помощью свойства text-shadow, но оно работает только в браузерах, поддерживающих CSS3, т.е. IE пролетает.

Но можно и так (работает даже в IE6, проверял):


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Заголовок</title>

<meta http-equiv="content-type" content="text/html;charset=win-1251" />

<style type="text/css">

* {

	font: bold 17px Tahoma;

	margin: 0;

	padding: 0;

}

body {

	background: #ccc;

}

.shadow {

	color: #555;

	margin: 5px;

	position: relative;

}

.shadow span {

	color: #fff;

	position: absolute;

	left: -1px;

	top: -1px;

	z-index: 2;

}

</style>

</head>

<body>

<div class="shadow">

	text

	<span>text</span>

</div>

</body>

</html>

78

Frendlix

19 февраля 2010, 01:50

#7

Яндекс нэ?

Первый результат.

Корпоративные мероприятия здесь (https://4-event.ru)!

Что такое Power BI и зачем это нужно бизнесу

VK приобрела 70% в структуре компании-разработчика red_mad_robot