Home>
I would like to implement the nav bar shadow on this site. I felt it was cool.
I looked at CSS, but I'm having trouble implementing it.
How can I get a shadow on the NAV bar like this site?
You could implement the bootstrap NAV bar yourself.
@media (max-width: 960px)
<style>
.layout-wrapper .common-header [data-v-76b749f6] {
position: fixed;
top: 0;
height: 96px;
}
<style>
.layout-wrapper .common-header [data-v-76b749f6] {
height: 74px;
border: none;
}
<style>
.header [data-v-a5f295d0] {
position: relative;
z-index: 2;
width: 100%;
height: 56px;
background-color: #fff;
box-sizing: border-box;
box-shadow: 0 0 6px #aaa;
-
Answer # 1
Related articles
- html - bootstrap container doesn't work (padding doesn't work)
- html - how to use bootstrap to match elements to the edge of container
- html - in bootstrap, elements don't line up side by side
- html - hamburger menu does not close
- html - floating label sample in bootstrap does not work
- html - i want to move the bootstrap card to the right edge
- html - a method to make the image inside the container of bootstrap stick out of the container and center it to the screen width
- html - in bootstrap, img in the container class is out of the range of the container class div tag
- i am displaying the data like a table in html and bootstrap, but i want to partially combine rows, but i am not able to do it we
- html - about bootstrap and link_to
- html - buttons on burger menu with bootstrap do not respond
- html - bootstrap: i want to make the height of girt uniform
- html - i want to make a dropdown menu with css
- html - i want to implement a hamburger menu
- html - i want to arrange images in a grid layout with bootstrap 4
- html - bootstrap does not apply font-weight-bold
- html - text is not broken in bootstrap grid layout
- html - bootstrap 4 three-line hamburger menu icon does not move
- html - the child menu is hidden
- html - i can't set the layout of the main column and sidebar well in bootstrap
Related questions
- javascript : Is it realistic to make such a gallery in pure CSS?
- html : How to remove a translucent dark rectangle via CSS when you tap an element with your finger on mobile devices?
- html : Font-family is not inherited for some blocks
- html : How to align images to the bottom and press them to the text?
- css3 : How to round the edges of a table (border-radius)
- html : Css and column-gap
- html : ie 11 does not work correctly with flex?
- html : How to fix this error? What is the problem?
- html : Set corners for a block
- javascript : Confused, does not adapt to the center
https://www.amazon.co.jp/dp/B07GRRVC3M/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1
This is good