Насколько я могу сделать эту кнопку в CSS3?
Я не могу изобразить 1px-строку -1px сверху. Не беспокойтесь о Стрелке.
Лучшие Цвет: # f78c84 Низ Цвет: # c85b53 1px линия: # ffbcb6
Существует также коробка-тень, которую я не могу получить идеально.
Насколько я могу сделать эту кнопку в CSS3?
Я не могу изобразить 1px-строку -1px сверху. Не беспокойтесь о Стрелке.
Лучшие Цвет: # f78c84 Низ Цвет: # c85b53 1px линия: # ffbcb6
Существует также коробка-тень, которую я не могу получить идеально.
Хитрость является врезка окна тени с вертикальным смещением 1, без размытости, ни распространения:
box-shadow:inset 0px 1px 0 rgba(255,255,255,0.7);
Example fiddle (с не совсем правильными цветами).
Удивительный, спасибо. Есть ли способ изменить rgba на гекс? – AndB
@ AndB нет, если вы хотите иметь прозрачность. Если у вас есть эквивалентные шестнадцатеричные цвета, просто используйте их. Если вы хотите прозрачность, вы должны использовать rgba (который очень хорошо поддерживается в наши дни). 'rgba (255,255,255,0.7)' может быть чем-то вроде '# fdd'. – Christoph
Установите этот генератор кнопки - [css3button generator] (http://css3button.net/). – Vucko