Подсветка текста через hover

PGfedos1 · September 11, 2009

Увидел такую фишку: при наведении на текст он подсвечивается зеленым. (не работает это в IE). Я думаю это конечно через hover, только не знаю как =(

Justnewone · September 11, 2009

Увидел такую фишку: при наведении на текст он подсвечивается зеленым. (не работает это в IE). Я думаю это конечно через hover, только не знаю как =(

Надо скорее дать гуглу ":hover" и сразу же все узнать как.

3ABAPKA · September 11, 2009

Я думаю это конечно через hover, только не знаю как =(

http://htmlbook.ru/css/hover.html

PGfedos1 · September 11, 2009

Justnewone, если бы я нашёл это в поисковиках. Думаю я бы сюда не писал. (а вообще я ищу по ya.ru )

3ABAPKA, я это и так знаю. Только я не не знаю как именно ПОДСВЕТКУ сделать как на скрине... блин я ведь специально скрин выложил... Что бы поняли что нужно.

Edited September 11, 2009 by PGfedos1

Justnewone · September 11, 2009

Justnewone, если бы я нашёл это в поисковиках. Думаю я бы сюда не писал. (а вообще я ищу по ya.ru )

В таком случае это очень печально.

3ABAPKA · September 11, 2009

Вставь изображение в фотошоп, выбери пипетку, и ткни на зеленый цвет, поставь своей ссылке беграунд черный и думаю получится

или

возьми их стили

Edited September 11, 2009 by 3ABAPKA

PGfedos1 · September 11, 2009

была бы возможность - взял. То что ты говоришь сделать черный background и просто зеленый цвет... пффф.

Это равносильно тому что я делаю так:

a {
color: #238ab6
}
a:hover {
color: #033b53
}

Но это просто как обычно : ссылка этого цвета #238ab6, при наведении меняется на этот #033b53 . А надо именно блин с подсветкой, почему вы меня не понимаете. Если получится, зайдите через оперу желательно на этот сайт. Но думаю врятли зайдете..

PGfedos1 · September 11, 2009

Сросил у админа ответ был таков:

подсветка работает не во всех броузерах, толька в тех которые поддерживают CSS 3.

Жду ещё ответа...

mishka · September 11, 2009

a:hover {
color:#92D051;
text-decoration:underline;
text-shadow:0 0 4px #99FE64;
}

text-shadow - css3 у меня только опера его поддерживает

http://dimox.name/css-text-shadow/ тут более детально можете прочитать

Great Rash · September 11, 2009

<!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">
<head>
	<title>test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css">
		div {
			width: 100%;
			color: #006600;
			filter:progid:DXImageTransform.Microsoft.Glow(Color=#00ff00, Strength=2);
			text-shadow: #00ff00 0 0 3px;
		}
	</style>
</head>
<body>
	<div>
		Blurry text with smudge of gray.
	</div>
</body>
</html>

Работает в ИЕ, Мозилле не ниже 3.5, Гугл Хроме, Сафари (видимо 3 версии), Опера (походу выше 9.5)

PGfedos1 · September 11, 2009

a:hover {
color:#92D051;
text-decoration:underline;
text-shadow:0 0 4px #99FE64;
}
text-shadow - css3 у меня только опера его поддерживает
http://dimox.name/css-text-shadow/ тут более детально можете прочитать

Спасибо, мне тоже админ ответил text-shadow :rolleyes: )

Sign In

Подсветка текста через hover

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information