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%);