На этой странице Вы можете скачать кнопку для сайта, имеющую два состояния - спокойное и наведённое (hover). Иными словами, при наведении на неё курсора мыши кнопка изменяется, появляется анимационный эффект нажатия.
Изображения находятся в фотошоповском PSD-файле, каждый вид в своей отдельной группе. Для изменения цвета кнопки надо наложить градиент (либо просто однотонный цвет, в зависимости от того, что Вам нужно) на слои "Затенение внутреннего скоса" в каждой группе. Сделать это легче всего, добавив к слою стиль слоя "Наложение градиента".
Текстовый слой не растрирован, поэтому надпись на кнопке без труда можно изменить, введя свой текст вместо "ЗАДАТЬ ВОПРОС" в текстовые слои в каждой группе. Следует помнить, что в группе "Нажатое состояние" текст уменьшен на 5 процентов.
Размер самого изображения кнопки 100 на 19 пкс, но т.к. кнопка с тенью, то размер холста несколько больше, он равен 105 на 25 пкс. Сохранять кнопку для вэб-страницы только в PNG-24
Помощь сайту
Понравился сайт? Уроки оказались полезными? Мы будем благодарны, если Вы окажете небольшую помощь в развитии проекта (на кофе и сервер).
Райфайзен банк прямой перевод на карту
QIWI кошелёк: ссылка для пополнения на никнейм NOSTROM
Сбербанк, номер карты для прямого перевода: 4274 3200 5092 4219
PayPal ссылка для перевода
WebMoney, рублёвый кошелёк R250684729036, долларовый кошелёк: Z170567175694
Яндекс.Деньги, форма для пополнения:
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Похожие материалы:
Данная кнопка будет использоваться в андроид-приложении для включения/выключения светодиода,поэтому она должна иметь два состояния - ON и OFF.
В...
|
Восемь шаблонов круглых кнопок для темы сайта.
Каждая кнопка в отдельной группе. В группе отдельные слои с основными рисунками, масками и эффектами...
|
По ссылке в этой публикации Вы можете сбесплатно скачать файл PSD с восемью видами прямоугольных кнопок. Весомым преимуществом стиля дизайна этих...
|
В данном материале Вы можете бесплатно скачать PSD файл с шестью кнопками для сайта.
Кнопки имеют полностью завершённый для размещения на страничке...
|