@sfincs

Как сделать тень внизу стик меню?

Есть сайт который делается на wp, хочу сделать так, чтобы липки меню отбрасывал тень только в низу.
Когда страница не прокручена и мета хватает хедеру и полностью вмещается в свою область, тогда чтобы тень не отбрасывал. Вот так: Мой реальный меню на которую хочу сделать тень (тень исчезает когда все норм) : 5c41f07f52cb6085770439.png

Когда прокручиваешь хедер уйдет в закат и остается только стики меню вверху, тогда должен появиться тень внизу меню. Пример : 5c41f10f16748158754478.png

В качестве примера реальный сайт. Хочу сделать нечто похожее. Желательно без js если возможно так как я на Wordpress-е работаю (прокрутите) : https://zdravcity.ru
  • Вопрос задан
  • 921 просмотр
Решения вопроса 1
azerphoenix
@azerphoenix
Java Software Engineer
Все просто:
используйте CSS box-shadow
А вот и генератор, чтобы самому не писать - https://www.cssmatic.com/box-shadow

Вот, инструкция, как создать fixed header - https://www.w3schools.com/howto/howto_js_sticky_he...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы