• Страница 1 из 1
  • 1
Обводка макета
Real10 Оффлайн
Ограниченный
0
Дата: Среда, 2014-01-01, 21:52 | Сообщение # 1
Всем привет! Как сделать обводку по краям макета? Прозрачную! Как тут http://the-gunners.ru/
Профиль
Ilia Оффлайн
Проверенный
45
Дата: Среда, 2014-01-01, 23:12 | Сообщение # 2
В исходник CSS заглянул, а там всего навсего вот что:
Код

border-left: 5px solid #7A0000;
border-right: 5px solid #7a0000;
box-shadow: 0px 0px 5px #7a0000;


И она совсем не прозрачная, просто цвет бордера создает ощущение прозрачности.
Эксперементируйте.
P.S. Сам когда то искал решение прозрачной обводки, и пришел к выводу что такое сделать не возможно.


Профессиональный дизайн сайтов, логотипов, ui/ux.
Только до конца месяца скидка 25% на все услуги!
Профиль
PheonixICQ Оффлайн
Проверенный
15
Дата: Среда, 2014-01-01, 23:30 | Сообщение # 3
В принципе если делать прозрачно то можно с помощью RGB цветов.
К примеру = rgba(0,0,0,0.5) - черный цвет с 50% прозрачностью

Добавлено (01.01.2014, 23:30)
---------------------------------------------
Ilia, Вот тут вы не правы. Создать прозрачность можно любому элементу.

Код

/*Каждому элементу задан черный цвет с 50% прозрачностью.*/
border:3px solid rgba(0,0,0,0.5);
background:rgba(0,0,0,0.5);
color:rgba(0,0,0,0.5);
/*Каждому элементу задан белый цвет с 72% прозрачностью.*/
border:3px solid rgba(255,255,255,0.72);
background:rgba(255,255,255,0.72);
color:rgba(255,255,255,0.72);

Узнать нужный rgb цвет можно в фотошопе(я всегда там беру эти значения)


Хорошие книги про javscript:
JavaScript. Подробное руководство (6-е издание) [2012, PDF, RUS]
Выразительный Javascript, 2-е издание (2015, PDF/EPUB/MOBI, RUS)
-------
Посмотри чем вебмастера балуются
Профиль
Real10 Оффлайн
Ограниченный
0
Дата: Четверг, 2014-01-02, 06:56 | Сообщение # 4
СПАСИБО ВСЕМ РЕБЯТКИ! ;)
Профиль
Ilia Оффлайн
Проверенный
45
Дата: Четверг, 2014-01-02, 16:48 | Сообщение # 5
PheonixICQ, это то понятно, но прозрачность просто осветляет цвет, а при полной прозрачности просто делает его белым (лично у меня было так)

Профессиональный дизайн сайтов, логотипов, ui/ux.
Только до конца месяца скидка 25% на все услуги!
Профиль
  • Страница 1 из 1
  • 1
Поиск: