HTML + CSS Search Bar Yapımı

Katılım
16 Eylül 2020
Mesajlar
146
Reaksiyon skoru
41
Html + Css ile search bar yapmak istiyorum yapmak istediğim search bar şu şekilde olucak aram ikonuna basıldığı zaman kayarak gelicek tekrar basıldığında ise kapanıcak.
Aklıma söyle bi mantık oluşturmuştum ama bi yerde tıkandım.

.searchbar {
transform: scaleX(0);
}

.searchicon:active {
.searchbar {
transform: scaleX(1);
}
}

en basit şekilde böyle kodlamıştım ama searchicon active hale geldiğinde searchbarı nasıl tetikleyeceğini bulamadım
 
Html + Css ile search bar yapmak istiyorum yapmak istediğim search bar şu şekilde olucak aram ikonuna basıldığı zaman kayarak gelicek tekrar basıldığında ise kapanıcak.
Aklıma söyle bi mantık oluşturmuştum ama bi yerde tıkandım.

.searchbar {
transform: scaleX(0);
}

.searchicon:active {
.searchbar {
transform: scaleX(1);
}
}

en basit şekilde böyle kodlamıştım ama searchicon active hale geldiğinde searchbarı nasıl tetikleyeceğini bulamadım
 
çok güzel bi çalışma fakat hem çok zor hem de benim şimdilik anlayabileceğim çok daha üst düze bi çalışma
Mesajlar otomatik olarak birleştirildi:

sayfama ekleyebilirim ama kendim yapmak istiyorum biraz daha
 
çok güzel bi çalışma fakat hem çok zor hem de benim şimdilik anlayabileceğim çok daha üst düze bi çalışma
Mesajlar otomatik olarak birleştirildi:

sayfama ekleyebilirim ama kendim yapmak istiyorum biraz daha
Bunun kodlarını incele önce mantığını anla devamı zaten gelir :)
 
Geri
Top