[]

Web developerlardan basit bir yardım (react,css,bootstrap içerebilir)

Şu ekranı responsive olarak tasarlamam gerekiyor. normalde mobilciyim ama öğren dediler uğraşıyoruz bakalım.. ekipte de web dev. yok :/

www.hizliresim.com

bootstrap ile giriştim bişeyler yaptım ama rahat müdahale edemiyorum.

yüzde ve vh, vw vererek boyutlandırma denedim, yine biraz oldu fakat yapamadığım 2 şey kaldı yardımcı olabilecek çıkar mı?

1- üstteki seçim butonları değişince altındaki çizgi sağ tarafa smooth bir şekilde kayıp seçilen butonun altına geçmeli.

2- bu veya hatalı durumlarda renk değiştirme işlemleri js tarafında mı yapılıyor yoksa form özellikleri falan kullanılarak halledilebilir mi? gösterme şansınız var mı?

 
codepen.io

Temelde yapman gereken, o çizginin soluna margin eklemek. İşte %0'dan %50'ye kadar yavaş yavaş değişecek.

Bu tarz şeyleri (animasyonları yani) JS'e çok ihtiyaç duymadan CSS ile yapabilirsin. Ama mesela bunda click event'ini JS ile almak daha kolay.
  • plutongezegendegilmi  (18.03.22 19:15:28) 
1
buraya yazılanların hakları Sir Anthony Hopkins'e aittir.
yazan eden compumaster, ilgilenen eden fader
modere edenler angelus, Artibir, aychovsky, baba jo, basond, compumaster, deckard, duyulmasi gerektigi kadar, fader, fraise, groove salad, kahvegibi, kaymaktutmayansicaksut, kibritsuyu, monstro, pandispanya, robin, ron dennis
bu sitede yazılanların hiçbiri doğru değildir. site içeriği küçükler için sakıncalı olabilir. yazılardan yazarları sorumludur. kaynak göstermeden alıntılanamaz. devlet tarafından atanmış bir kurumun internet üzerinde kimin hangi bilgiye ulaşıp ulaşamayacağına karar vermesi insan haklarına aykırıdır. web siteleri kullanıcıların istekleri doğrultusunda bağlandıkları yerlerdir. kullanıcılar isterlerse bir web sitesine bağlanmayabilirler. bu güçleri ve imkanları mevcuttur. bir kullanıcı bir siteye bağlanmak istiyorsa bu onun tercihi ve hakkıdır. bağlanmak istemiyorsa bu yine onun tercihi ve hakkıdır. halkın kendisine hizmet etmesi için görevlendirdiği kurumlar hadlerini aşıp halka neye ulaşıp ulaşmayacağını bilmeyen cahil cühela muamelesi edemezler. ebeveynlerin çocuklarını sakıncalı içeriklerden koruması için çok sayıda bedava ve ücretli yazılım mevcuttur. bu yazılımlar bir web tarayıcısını kullanmaktan daha karmaşık teknik bilgi gerektirmemektedir. devletin milletini küçük düşürmesi ve ebleh yerine koyması yasaktır. Skimlinks ile linkler üzerinden yönlendirme payı alınmaktadır.