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

2 votes262 views1 answer
Coustomize srollbar
CSS
1 vote242 views1 answer
Background color for whole page css
CSS
-1 vote243 views3 answers
How to write sigma symbol in jupyter ntebook
CSS
22 votes266 views6 answers
Font family css
CSS
0 vote218 views1 answer
Vue v-cloak not working
CSS
1 vote259 views1 answer
How to highlight input on focus with box shadow
CSS
70 votes250 views4 answers
Css vertical align center
CSS
33 votes249 views6 answers
Css flex center
CSS
-1 vote250 views6 answers
Css comment
CSS
1 vote250 views2 answers
How to center a position fixed element horizontally
CSS