Градиентный маркер списка средствами css (с помощью :before)

[yatsutko]

Решил поделиться одним изысканием.

Представим, что дизайн нашего сайта таков, что нам очень хочется, чтобы ненумерованные списки маркировались градиентными цветными кружочками. Самое простое решение - нарисовать гифку или png в графическом редакторе и подключить её при помощи css следующим образом:

li {list-style-image:url("hujovina.gif"); }

Однако

Comments

[dn54]

Только они получились квадратики, а не кружочки.

[yatsutko]

Они кружочки: border-radius: 5px;

Собственно, по ссылке всё видно.

[dn54]

Пойду выкину свой монитор, а то он, похоже, сломался - квадратики рисует.

[yatsutko]

Что за браузер? Ось?