Как сделать красивую кнопку на CSS+HTML без изображений

Надо код немного доработать, а то в Safari кое-где ерунда получается. Можно посмотреть как реализована тень текста на кнопках, как сделать неполные боковые линии, чтобы один текст заменялся другим и при этом правильно выравнивался, как сделать, какие цвета чаще всего используют, как создаётся эффект нажатия. Если нахожу что-то полезное на сайте, всегда благодарю автора не словами, а кликами по всем рекламным блокам которые нахожу на странице. Иногда самый простой внешний вид может выглядеть более стильно, чем навороченная с крутыми эффектами кнопка. С появлением сенсорных экранов необходимость в: hover отпала. Да, одно время не могла пройти мимо интересной кнопки, пусть даже нарисованной. Кладезь полезных решений для любого проекта. Я не нашла причин почему мне нужно было усложнять код. Выразил благодарность еще и переходом по рекламе - идея порадовала. Или воспользуетесь SCSS, тот автоматом делает тоже самое. Это именно черновой вариант, как минимум высоту и ширину, который можно и нужно изменять. Создание кнопки: а нужно ли изменять вид кнопки при наведении или делать кнопку с эффектом нажатия. Не сочтите за спам но мне понравился. Повеселили по поводу, что заботитесь о моём благосостоянии и оценили статью, спасибо, пришлось искать все рекламные блоки. А то автоматом подгоняет под текст, под количество написанных букв. В статье я просто привожу примеры и надеюсь, что их код не будут брать целиком. Например, из background следует выделить background-color. Если слишком быстро убрать мышку, но по ней можно делать переход, то элемент повиснет в половинном состоянии, например, ссылка будет прозрачна. Тег, получаемый с помощью тега, воспользуйтесь сервисом, создает на веб-странице кнопки и по своему действию напоминает результат, input, button. Кнопка с главным действием должна выделяться из общего содержания, быть контрастной. Тут главное не переусердствовать. Сложно пройти мимо и не поблагодарить. Этот сайт давно у меня в, золотых, закладках. В этот раз пришлось искать все рекламные блоки. Так, например, а после наведения мышки обретают объём, у интернет магазина e5 это приятно для глаза: именно поэтому у Google второстепенные кнопки сначала плоские. А онлаайн генератором можно создать кнопку под свой вкус, servis, css3button, русскоязычный генератор css3 кнопок. Проглядела много генераторов кнопок и не представляю как с их помощью можно сделать хоть что-то приемлемое. Спасибо за ваши толковые статьи и примеры. Focus, то есть когда пользователь нажал на кнопку, пока кнопка в фокусе, но ещё не щёлкнул курсором мышки в другое место окна браузера. Открыл-открыл добавьте префикры -moz- и -webkit- к таким свойствам как transition, background разбейте на background-color и background-image и всё будет нормально.