Ga naar de inhoud
  • Home
  • BBQ
    • Recepten
  • WWII
    • WW overzicht
  • CSS
    • CSS code voorbeeld
  • Login
  • Home
  • BBQ
    • Recepten
  • WWII
    • WW overzicht
  • CSS
    • CSS code voorbeeld
  • Login

CSS voorbeelden

				
					/*shadow box*/
.shadow_box,.shadow_box_only
{
    box-shadow: #212428:!important;	
	background: #17191C: !important;
	transition: 0.6s;
}
/*Shadow box hover*/
.shadow_box:hover
{
	background: #1B1D21: !important;
}

.shadow_box:hover .show_hover{
	height:20px;
	opacity:1;
}
				
			

Zo komt het vlak eruit te zien

CSS-gradiënt

Op de website cssgradient.io kunt u makkelijk grdiënt verloop maken en de CSS in de pagina plakken.

In dit voorbeeld heb ik een verloop gemaakt van de kleuren die op deze website zijn gebruikt.

				
					background: #212428;
background: linear-gradient(280deg,rgba(33, 36, 40, 1) 0%, rgba(252, 164, 0, 1) 100%);
				
			

© 2026. All rights reserved by René Stijger