Можно ли сделать что-то в стиле Link / Button с использованием CSS со специальными эффектами, такими как тени, выделение текста и / или градиент?

Question

Можно ли сделать такие кнопки (http://img225.imageshack.us/img225/6452/buttonslw9.jpg) с использованием CSS? Это должно быть Menu, а PHP просто передаст текст в html / css, а css должен позаботиться о дизайне.

Может быть, я хочу слишком многого из CSS - особенно с этим красным контуром текста ..? Любые идеи, как я могу достичь таких результатов, не используя эти кнопки вручную в графическом редакторе?

Answer 1

«Чистое» решение возможно в последней версии Safari со свойствами text-shadow, -webkit-text-stroke и -webkit-gradient (объяснение в блоге Safari ).

Вы также можете использовать SVG + CSS background-image в Opera 9.5 и Safari.

Практическое решение, которое работает более чем в нескольких современных браузерах, заключается в создании изображений на стороне сервера с помощью библиотеки GD .

Answer 2

Нет кросс-браузерного способа сделать это (как вы сказали, особенно с красным контуром текста), но команды Webkit и Gecko реализуют некоторые классные вещи CSS, такие как градиенты, тиснение с экспериментальными свойствами CSS.

Вы можете увидеть, что jQuery может сделать для вас. Он делает некоторые довольно крутые CSS-подобные вещи, которые выходят за рамки CSS.