After and before css

How use befor after for image

/* for child  */

.custom_img:after {
    content: "";
    background-color: #2359cf;
    height: 400px;
    width: 70%;
    top: -15px;
    right: -6px;
    position: absolute;
    z-index: 999;
}

After and before css

div::before {
  content: "before";
}
div::after {
  content: "after";
}

Source: css-tricks.com

Similar codes

0 vote328 views1 answer
Css push div down
CSS
0 vote362 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
16 votes336 views2 answers
Css not last child
CSS
1 vote346 views1 answer
How to take in space and enter as it is in a textarea
CSS
0 vote299 views1 answer
Nuxt scss
CSS
1 vote299 views1 answer
Bootstrap word-wrap: break-word;
CSS
0 vote267 views1 answer
Css ol align center
CSS
0 vote296 views2 answers
Is it possible to add xsl and css in same xml file
CSS
0 vote283 views1 answer
Ul list style type image
CSS
23 votes305 views4 answers
Rounded gradient border css
CSS