How to resize after image in css

<a href='foo.pdf'class='pdflink'>A File !</a>

/* .pdflink:after {
    content: url('/images/pdf.png')
} */

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px;
    height: 20px;
    content: "";
}

Similar codes

0 vote190 views1 answer
Justify-self
CSS
3 votes168 views4 answers
Css keep image ratio
CSS
4 votes158 views2 answers
Display flex column width auto
CSS
6 votes140 views6 answers
How to properly install tailwind css in react
CSS
53 votes155 views6 answers
Css transform
CSS
0 vote143 views1 answer
How to get 2 words one left aligh and right align in css
CSS
59 votes163 views4 answers
Rgb blue color code
CSS
0 vote161 views1 answer
Responsive card css
CSS
0 vote145 views1 answer
Css hollow circle
CSS
4 votes177 views3 answers
How to not underline links in css
CSS