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

60 votes214 views3 answers
Media query for mobile view css
CSS
0 vote194 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
0 vote203 views1 answer
Hide scroll bar and show when hover with small size
CSS
1 vote210 views1 answer
SCSS Breakpoints
CSS
0 vote319 views1 answer
Css inherit class
CSS
1 vote217 views1 answer
How to make div scrollable horizontal
CSS
0 vote291 views2 answers
Css combinators
CSS
0 vote245 views2 answers
Blockquote quotation marks css
CSS
0 vote212 views1 answer
Relier css html
CSS
15 votes196 views2 answers
Get rid of arrows number input
CSS