Background Clip: content-box

Codice
<style>
.content-box-example {
width: 300px;
height: 150px;
border: 10px solid #f44336;
padding: 20px;
background: linear-gradient(90deg, #8E24AA, #E040FB);
background-clip: content-box;
-webkit-background-clip: content-box;
-moz-background-clip: content-box;
color: white;
font-size: 18px;
}
</style>
</head>
<body>

<div class="content-box-example">
Il background si applica solo all'area del contenuto, esclusi padding e bordo.
</div>