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

4 votes94 views1 answer
Linear gradient instagram
CSS
3 votes111 views2 answers
Css element with id and class
CSS
7 votes110 views3 answers
Css all except last
CSS
0 vote218 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS
1 vote108 views1 answer
Css media queries between two sizes
CSS
20 votes123 views3 answers
Text overflow ellipsis two lines
CSS
0 vote131 views1 answer
Hover on father elemet activates a child element css
CSS
3 votes101 views1 answer
Mettre une image au milieu css
CSS
-1 vote67 views1 answer
Responsiveness in bootstrap
CSS
0 vote115 views1 answer
Html invisible hr
CSS