Можно ли создать своего рода стиль ссылки / кнопки с использованием CSS со специальными эффектами, такими как тени, обводка текста и / или градиент?
Можно ли сделать такие кнопки (http://img225.imageshack.us/img225/6452/buttonslw9.jpg) с помощью CSS? Это должно быть Menu, и PHP просто передает текст в html / css, а css должен позаботиться о дизайне.
Может быть, я хочу слишком многого от CSS - особенно с этим красным контуром текста ...? Есть идеи, как я могу добиться таких результатов, не нажимая эти кнопки вручную в графическом редакторе?
Ответы 2
Нет кроссбраузерного способа сделать это (как вы сказали, особенно с красным текстовым контуром), но команды Webkit и Gecko реализуют некоторые классные вещи CSS, такие как тиснение градиентов с экспериментальными свойствами CSS.
Возможно, вы увидите, что jQuery может для вас сделать. Он делает некоторые довольно интересные вещи в стиле CSS, которые выходят за рамки CSS.
«Чистое» решение возможно в последней версии Safari со свойствами text-shadow, -webkit-text-stroke и -webkit-gradient (объяснено в Блог Safari).
Вы также можете использовать SVG + CSS background-image в Opera 9.5 и Safari.
Практическое решение, которое работает более чем в паре современных браузеров, - это создание изображений на стороне сервера с помощью Библиотека GD.
будет ли библиотека GD делать то, что мне нужно?