Merhaba, aşağıda yazdığım kodlar sayesinde bir widget'in üzerine geldiğinde, soldan sağa doğru alt çizgi giriş animasyonu yaptım. Bu şekilde güzel çalışıyor fakat bunun soldan girip sağdan çıkmasını nasıl sağlayabilirim ? Aşağıdaki kodda üzerine gelince sağa kayıyor, üzerinden çekilince geri sola kayarak kayboluyor.
selector .elementor-icon-list-text {
border-radius: 0;
transition: 1s;
display: inline-block;
position: relative;
}
selector .elementor-icon-list-text::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 3px;
background: #fff;
border-radius: 25px;
transition: width 1s ease-out;
}
selector .elementor-icon-list-text:hover::before {
width: 100%;
}Aşağıda görsel'de üzerini işaretledim. Bahsettiğim kısmı görmek için görselin üzerine tıklayabilirsiniz;
