диагональный градиент

demi · April 26, 2011

Покажите как сделать диагональный градиент?

swetlana · April 26, 2011

svg.

безнадёжно устаревшие версии IE при этом отправляются на отдых.

Great Rash · April 26, 2011

безнадёжно устаревшие версии IE при этом отправляются на отдых.

Ну почему же. SVG + VML.

swetlana · April 26, 2011

точно

всё время забываю.

А надо бы изучить более внимательно эту возможность и использовать на практике.

demi · April 26, 2011

а можно более популярно?))

psywalker · April 26, 2011

безнадёжно устаревшие версии IE при этом отправляются на отдых.
Ну почему же. SVG + VML.

Дружище, а можешь мне в качестве подарка забацать рабочий кросс пример)

я такой наглый

Great Rash · April 26, 2011

а можно более популярно?))

Конечно можно!

VML

SVG

Дружище, а можешь мне в качестве подарка забацать рабочий кросс пример)

Макс, друг, только ради тебя сейчас чо-нить сделаем

demi · April 26, 2011

лучший форум это гугл) спасибо

psywalker · April 26, 2011

лучший форум это гугл)

А друг - это Great Rash

demi · April 26, 2011

лучший друг тот кто научит гугл выдавать сразу то что мне нужно

Great Rash · April 26, 2011

Прошу:


<!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" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
	<title>SVG + VML</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {margin: 0; padding: 0;}

		html, body {height: 100%;}

		v\:rect,
		v\:fill {
			behavior: url(#default#VML);
			display: block;
		}
	</style>

	<!--[if lt IE 9]>
		<style type="text/css">
			svg {
				display: none;
			}
		</style>
	<![endif]-->
</head>
<body>

	<!--[if lt IE 9]>
		<v:rect style="position:relative; height: 100%; width:100%" stroked="false">
			<v:fill type="gradient" color="rgb(255, 255, 0)" color2="rgb(255, 0, 0)" angle="45" />
		</v:rect>
	<![endif]-->

	<svg xmlns="http://www.w3.org/2000/svg">
		<defs>
			<linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
				<stop offset="0%" style="stop-color: rgb(255, 255, 0); stop-opacity: 1;" />
				<stop offset="100%" style="stop-color: rgb(255, 0, 0); stop-opacity: 1;" />
			</linearGradient>
		</defs>

		<rect width="100%" height="100%" style="fill: url(#gradient);" />
	</svg>

</body>
</html>

psywalker · April 26, 2011

Ухты, спасибо дружище, скоро приду в аську тебя терроризировать

demi · April 26, 2011

очень благодарен)

Sign In

диагональный градиент

Question

Link to comment

Share on other sites

12 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

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information