hallo
Ik heb een <hr> onder mijn "navbar" geplaatst die een transparante gradient heeft (dus naar links toe verdwijnt) Als ik een schaduw toevoeg wordt die echter niet mee transparant. Hoe los ik dit op zodat de schaduw mee verdwijnt? Dit is de code die ik heb gebruikt.
html:
<hr id=hrshadow>
css:
#hrshadow {
weight:20px;
border: 0;
height: 2px;
background-image: linear-gradient(to right, rgba(240, 240, 240, 0), rgba(255, 255, 255, 0), rgba(240, 240, 240, 0.5), rgba(240, 240, 240, 0.75));
box-shadow: 2px 2px 2px rgba(65, 65, 65, 0.75)
}
Ik heb ook al geprobeerd de shadow-box in een aparte <div> te zetten, maar dat geeft geen verschil. Hoe kan ik die linear-gradient toepassen op de schadow-box?
Alvast bedankt
Ik heb een <hr> onder mijn "navbar" geplaatst die een transparante gradient heeft (dus naar links toe verdwijnt) Als ik een schaduw toevoeg wordt die echter niet mee transparant. Hoe los ik dit op zodat de schaduw mee verdwijnt? Dit is de code die ik heb gebruikt.
html:
<hr id=hrshadow>
css:
#hrshadow {
weight:20px;
border: 0;
height: 2px;
background-image: linear-gradient(to right, rgba(240, 240, 240, 0), rgba(255, 255, 255, 0), rgba(240, 240, 240, 0.5), rgba(240, 240, 240, 0.75));
box-shadow: 2px 2px 2px rgba(65, 65, 65, 0.75)
}
Ik heb ook al geprobeerd de shadow-box in een aparte <div> te zetten, maar dat geeft geen verschil. Hoe kan ik die linear-gradient toepassen op de schadow-box?
Alvast bedankt