Можно псевдоэлементом сделать такой рисунок?

Question

[Ingernirated]

Всем привет!
Есть где-нибудь инструкция по фигурному использованию after?
Везде только элементарные квадратики и прямые линии находил.

Comments

[ProjectSoft]

Т. е. background-image не устраивает?

Answer 1

[yakupov112]

div: after {
  content: "✔"
}

Comments

[Ingernirated]

весьма удобно, но я хотел его анимацией сделать рисующийся.

Answer 2

[GilbertAmethyst]

https://jsfiddle.net/dugc80mo/1/

div{
position:relative;
width:42px;
height:42px;
}

div::after{
content: "";
display: block;
width: 30px;
height: 4px;
background: red;
transform: rotate(-45deg);
border-radius: 4px;
position:absolute;
left:0px;
bottom:0px;
}

div::before{
content: "";
display: block;
width: 20px;
height: 4px;
background: red;
transform: rotate(45deg);
border-radius: 4px;
position:absolute;
left:-10px;
bottom:-4px
}