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

9 votes184 views3 answers
Bootstrap blue outline button
CSS Bootstrap
2 votes120 views1 answer
Mat slide toggle change color
CSS
0 vote123 views1 answer
Css make a cell twice as big flexbox
CSS
1 vote109 views1 answer
Border style shorthand
CSS
1 vote126 views2 answers
1rem to px
CSS
0 vote115 views1 answer
Css horizontal line around text
CSS
0 vote109 views1 answer
Css only style horizontal scrollbar
CSS
25 votes103 views6 answers
Multiple nth child css
CSS
6 votes127 views3 answers
How to snap the scroll is css
CSS
0 vote115 views1 answer
@font-face multiple font weights
CSS