Форум Сайтостроение Веб-строительство

css3 градиент "из центра" или "круговой"

X0
На сайте с 10.08.2011
Offline
7
Xe0n
2182

Возможно ли на чистом css сделать вот такую кнопку, к свечению текста вопросов нету, там всё понятно, а вот градиент у рамки сверху и снизу как можно реализовать? Обычный linear-gradient это же вроде бы не совсем то...

D
На сайте с 09.07.2009
Offline
79
digwnews
#1

Круговой:

<html>

<head>

<style>

#linear-gradient {

width: 300px;

height: 100px;

background-image: -moz-radial-gradient(center 45deg, circle closest-corner, #FFF 10%, #87CEEB 90%);

background-image: -webkit-gradient(radial, center center, 10, center center, 90, from(#FFF), to(#87CEEB));

}

</style>

</head>

<body>

<div id="linear-gradient"></div>

</body>

</html>

digwnews добавил 13.08.2011 в 15:05

есть ещё такая вещь: http://gradients.glrzad.com/

но в ней мало функционала.

Оптимизация плавающих фреймов для 15 частых проблем технического Настраиваем фид для Google

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий