JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="text1" placeholder="Line 1" rows="10"></textarea>

<textarea id="text2" placeholder="." rows="10"></textarea>

CSS

#text1::-webkit-input-placeholder::after {
    display:block;
    content:"Line 2\A Line 3";
}



#text2::-webkit-input-placeholder{
    color:transparent;
}

#text2::-webkit-input-placeholder::before {
    color:#666;
    content:"Line 1\A Line 2\A Line 3\A";
}