Градиентный бордер. Как?

(Ответов: 9, Просмотров: 1094)
  1. Новичок
    • Регистрация: 03.05.2013
    • Сообщений: 2
    • Репутация: 0
    Интересует вопрос как сделать зеркальный градиент, как вот здесь:

    Свечение, я думаю, можно сделать просто с помощью text-shadow, а вот с рамкой уже не знаю что придумать...
    • 0
  2. Sunshine reggae Аватар для OKyJIucT
    • Регистрация: 02.09.2011
    • Сообщений: 3,240
    • Репутация: 1830
    • Webmoney BL: ?
    nulled, так ссылку дайте на сайт, в исходном коде и поглядим, как это сделано
    • 0
  3. Новичок
    • Регистрация: 03.05.2013
    • Сообщений: 2
    • Репутация: 0
    Скрин с psd макета, было бы это на сайте, я бы и сам содрал :)
    • 0
  4. Гуру Аватар для Docadept
    • Регистрация: 15.04.2011
    • Сообщений: 627
    • Репутация: 232
    • Webmoney BL: ?
    Накладывается оранжевая полупрозрачная гифка, не? И да, где вы это откопали?
    • 1

    Спасибо сказали:

    wk-design(03.05.2013),
  5. Новичок Аватар для wk-design
    • Регистрация: 14.01.2013
    • Сообщений: 12
    • Репутация: 1
    Docadept, по крайней мере так легче и правильнее всего)
    • 0
  6. Новичок Аватар для Menshakov
    • Регистрация: 03.05.2013
    • Сообщений: 5
    • Репутация: 0
    • Webmoney BL: ?
    Именно так и делается, как советовал Docadept, - другого варианта тут не существует.

    В псд макете подобное свечение должно быть в отдельном слое. Вот его и берем, но сохраняйте лучше не в гиф, а png24. Далее просто вешаем изменение бэкграунда в ховер на элемент меню.
    • 0
  7. Дипломник Аватар для kik11
    • Регистрация: 03.01.2013
    • Сообщений: 218
    • Репутация: 43
    Menshakov, а css тогда прописать смену бэкграунда через hover, да?
    • 0
  8. Дизайнер года Аватар для Kiwikov
    • Регистрация: 17.12.2012
    • Сообщений: 1,399
    • Репутация: 741
    • Webmoney BL: ?
    kik11,именно так.
    Качественный дизайн сайтов от 70$ - Профессиональный дизайн для Вас и Ваших клиентов!
    • 0
  9. Banned
    • Регистрация: 24.02.2013
    • Сообщений: 1,219
    • Записей в дневнике: 1
    • Репутация: 332
    • Webmoney BL: ?
    Только через картинки
    • 0
  10. Дипломник Аватар для Faraday
    • Регистрация: 17.04.2011
    • Сообщений: 143
    • Репутация: 30
    Все правильно. Это можно сделать через картинку в png-24.
    Однако, вешая ее фоном через css на hover, лучше сделайте спрайт, так как иначе она будет загружаться в момент первого "подвода" курсора, что не очень приятно для пользователя (будет задержка на секунду или около того, пока картинка загружается). Вот :)
    • 0

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры