Перейти к публикации
blact

css рамка

Рекомендованные сообщения

blact

Здравствуйте! Подскажите как сделать рамку прозрачной в css + тень от рамки что бы была, не могу этого в инете найти,если тень ни как, то подскажите хоть как сделать полу прозрачной рамку border . Заранее Спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Бордюр нельзя сделать прозрачным. Вкладывайте элемент в контейнер, а контейнеру ставьте padding:1px.

Тень делается с помощью свойства box-shadow:

box-shadow: x, y, размытие, цвет;

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
blact

Бордюр нельзя сделать прозрачным. Вкладывайте элемент в контейнер, а контейнеру ставьте padding:1px.

 

А можете поделиться елементом ?пожалуйста, если есть...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

В фотошопе делаешь картинки 1х1пх, цвета и прозрачности рамки

 

В css пишешь

background: url(путь к картинки);
padding: 2px; //размер рамки
Изменено пользователем МиксирисТ

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

В фотошопе делаешь картинки 1х1пх, цвета и прозрачности рамки

Прошлый век. Уже есть RGBA цвета (тот же RGB, только с альфа каналом - прозрачность).

Пишется так:

background: rgba(255, 255, 255, 0.5);
Полупрозрачный белый. Самое последнее число - прозрачность (от 0 до 1).

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

В фотошопе делаешь картинки 1х1пх, цвета и прозрачности рамки

Прошлый век. Уже есть RGBA цвета (тот же RGB, только с альфа каналом - прозрачность).

Пишется так:

background: rgba(255, 255, 255, 0.5);
Полупрозрачный белый. Самое последнее число - прозрачность (от 0 до 1).

 

Старая кросбраузерная школа :joyful:

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

вообще по идеи обводку в 1 пиксиль легко можно через box-shadow: inset x, y,размытие rgba(0,0,0, 0.5); задать, можно несколько значений

 

кстати не знаю у меня бордер нормально задается прозрачным

border: 5px solid rgba(0, 0, 0, 0.1);

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Я не помню, то ли пробовал так делать, то ли нет. Вроде, в лисе нельзя делать прозрачные бордюры, хотя в новых версиях может уже можно. Надо тестить...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...