What are after and befor in css?

Answer 1

They are pseudo-elements.
https://www.sololearn.com/learn/CSS/2257/
https://www.w3schools.com/Css/css_pseudo_elements.asp
https://www.w3schools.com/cssref/sel_before.asp
https://www.w3schools.com/cssref/sel_after.asp

Answer 2

Three elements are used to create a heart: one rhombus and two semicircle.
We create one element in HTML with id #heart1, that is the rhombus, then we add pseudo-elements: the first semicircle before the rhombus using #heart1:before and the second semicircle after the rhombus using #heart1:after.

Answer 3

You are welcome😊

Answer 4

#heart1{ left: 20px; position: relative; width: 90px; height: 90px; background: #f57070; transform: rotate(45deg); -webkit-transform:rotate(45deg); } #heart1:before{ width: 90px; height: 45px; border-top-left-radius: 90px; border-top-right-radius: 90px; background:#f57070; content: ""; position: absolute; bottom:88px; } #heart1:after{ width: 45px; height: 90px; border-bottom-left-radius: 90px; border-top-left-radius:90px; background:#f57070; content: ""; right:88px; position:absolute; }

Answer 5

What about this code

Answer 6

what is befor here

Answer 7

Oh underestood thanks