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 vote343 views1 answer
Css shadow on hover
CSS
44 votes343 views6 answers
Select odd child css
CSS
0 vote338 views1 answer
Css background image svg not showing
CSS
1 vote326 views1 answer
Css var negative
CSS
2 votes365 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS
0 vote362 views1 answer
Html display text in alternating coloured panels
CSS
1 vote353 views3 answers
How to add link click script in url
CSS
3 votes343 views1 answer
Css scrollbar vertical only
CSS
-1 vote336 views2 answers
Css lock scroll
CSS
1 vote380 views1 answer
Felx-wrap css
CSS