<span class="typo typo1">תהא</span>
<span class="typo typo2">שנת</span>
<span class="typo typo3">פיתוח</span>
<span class="typo typo4"> דרמטי</span>
<script src='https://unpkg.co/gsap@3/dist/gsap.min.js'></script>
<script src='https://unpkg.com/gsap@3/dist/TextPlugin.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.29.1/feather.min.js'></script>
<script>
const typos= document.querySelectorAll(".typo");
feather.replace();
att = ['לך','ולכל','בית','ישראל'];
typos.forEach((typo, index) => {
	gsap.to(`.typo${index + 1}`, {
	  text:att[index], 
	  color:'#eeeeee',
	  ease:"power2.in",
	  duration: 3,
	  repeat: -1,
	  yoyo: true,
	  repeatDelay: 1
	})
})
</script>
<style>
    .typo {
        direction: rtl;
        font-size: 40px;margin-left: 10px;
    }
</style>