Şu Şekilde Bağlantılara Hover Efekti Nasıl Verebilirim?

Hover vermeyi ve CSS'i biliyorum ancak bahsettiğim gibi yapabilecek seviyede değilim. Hali hazırda bazı sitelerde görmüştüm ancak hatırlamadığım için kaynak kodlarına bakamıyorum.

Yapmak istediğim BURADAKİ gibi bağlantının üstüne gelince baştan sona buradaki menüdeki gibi altında çizgi çıkması gerekiyor. Bir nevi üstteki yazıdan başlayıp sona kadar gidecek ve sonra alttaki satırdan devam edecek. BURAYA uygulamak istiyorum. Örnek site ya da demo kodları paylaşırsanız yapabilirim 🙏

content: '';
display: block;
width: 0;
height: 2px;
background: #e11c7c;
transition: width .3s;

ornek::after şeklinde kullanacaksınız.

şimdi burda ilk başta ben bir outline gördüm
sonrasında color gördüm
ve muhtemelen focus var denemek gerekiyor
transition gördüm

bi denemeye çalışayım yaparsa çalışır halini atarım

Aynen hocam budur, uyguladım siteye istediğim gibi oldu. Teşekkürler.