Generador de CSS Box-Shadow

Para edita texto.-

Código HTML

<div id="demoObject"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Para edita texto.- </span></span></div>

Código CSS:
<style> #demoObject { -webkit-box-shadow: 7px -5px 10px 0px #4B0082, 11px -9px 10px 0px #0000FF, 16px -14px 10px 0px #00FF00, 20px -17px 10px 0px #FFFF00, 24px -19px 10px 0px #FF7F00, 27px -23px 10px 0px #FF0000, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 7px -5px 10px 0px #4B0082, 11px -9px 10px 0px #0000FF, 16px -14px 10px 0px #00FF00, 20px -17px 10px 0px #FFFF00, 24px -19px 10px 0px #FF7F00, 27px -23px 10px 0px #FF0000, 5px 5px 15px 5px rgba(0,0,0,0); background: #9400D3; } body#tinymce { background: #FFFFFF } </style>
Fuente:

https://html-css-js.com/css/generator/box-shadow/