Вопрос топ навигация, тема уже закрыта

[kochevnik]

тема уже закрыта, а вопросы еще есть )
душа хочет сделать так

верхняя полоса это топ навигация
нижняя это меню форума,
есть желание сделать одинаковый фон как внизу, в настройках стиля

я убрал цвет генерального фона, чтоб не было выделенной полосы, хочется сделать расплывчатый как внизу, как прописать css ?

Сообщение автоматически объединено: 20.10.2022

Сообщение автоматически объединено: 20.10.2022

что то не правильно прописываю (

Сообщение автоматически объединено: 20.10.2022

все, что могу добиться

margin-bottom: -1px;
box-shadow: 0 0 8px 3px rgba(220,220,220,0.0);
background-color: rgba(192, 192, 192,0.0);
backdrop-filter: blur(100px);

блин, ну как же сделать (?

 

[kochevnik]

спасибо

margin-bottom: -1px;
background: rgba(225,232,248,.3);
box-shadow: inset rgba(255,255,255,.1) 0px -1px 0px, inset rgba(255,255,255,.1) 0px 1px 0px, rgba(0,0,0,.3) 0px -1px 0px;
backdrop-filter: blur(5px);

прямо идеально получилось

вот теперь бы мне получить расшифровку кода )

box-shadow: inset rgba(255,255,255,.1) - это за что отвечает ?
0px -1px 0px, inset rgba(255,255,255,.1) - ?
0px 1px 0px, rgba(0,0,0,.3) 0px -1px 0px; - ?
чтоб как бы понимать что каждая запись делает

 

[Skaiman]

box-shadow | CSS | WebReference

Добавляет тень к элементу.

webref.ru

 

[kochevnik]

почитал, сложно, вообще не понимаю как можно учится дистанционно, в том смысле что самостоятельно )
надо создавать чистую страницу и на ней практиковать чтоб рука и голова понимала что делает каждый элемент
я вот тоже читал делал размытие, но у меня так не получалось, ладно, на досуге будем марать чистый лист )

 

[Skaiman]

Можно использовать например

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com