<span class="radikalwp-hover-flip"><span class="radikalwp-hover-flip-fa">خانه<//span><span class="radikalwp-hover-flip-en">Home<//span><//span>

.radikalwp-hover-flip {
  display: inline-block; position: relative; overflow: hidden; height: 26px; font-size: 15px; font-weight: 800; cursor: pointer;
}
.radikalwp-hover-flip-fa { display: block; color: #1e293b; transition: transform .35s, opacity .35s; }
.radikalwp-hover-flip-en {
  position: absolute; inset: 0; color: #4f46e5; text-align: center;
  transform: translateY(100%); transition: transform .35s;
}
.radikalwp-hover-flip:hover .radikalwp-hover-flip-fa { transform: translateY(-100%); opacity: 0; }
.radikalwp-hover-flip:hover .radikalwp-hover-flip-en { transform: translateY(0); }