Overlapping Text Shadow Effect in Elementor/WordPress Website

 

 

JavaScript code snippet for Wrap Letters in span tag:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var $ = jQuery
$(document).ready(function(){

$('.shadow-text .elementor-heading-title').each(function(){
    $(this).html($(this).text().replace(/\S/g, '<span>$&</span>'))
})
})
</script>

 

CSS code snippet for Reflection Text Effect:

selector{
    -webkit-box-reflect: below 10px linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.1) 100%);
}