transparent text area css code example
Example 1: css border opacity
div {
border: 1px solid rgba(255, 0, 0, .5);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
Example 2: trancate en css
<h1>
This little piggy went to market and this little piggy stayed home.
</h1>
h1 {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 20px;
font-size: 1.3rem;
margin: 0;
background: white;
resize: horizontal;
}
body {
height: 100vh;
overflow: hidden;
display: grid;
place-items: center;
background: #ccc;
}