umutalper11
Picopat
- Katılım
- 10 Eylül 2020
- Mesajlar
- 128
Bu fotoğrafta olduğu gibi. Üstüne gelince soldan başlansın kapanışı sağdan bitirsin istiyorum ama nasıl yapacağımı anlamadım. Yardımcı olursanız sevinirim.
Animasyon ile alakalı problem
- Konuyu başlatan umutalper11
- Başlangıç Tarihi
- Mesaj 5
- Görüntüleme 369
Bu fotoğrafta olduğu gibi. Üstüne gelince soldan başlansın kapanışı sağdan bitirsin istiyorum ama nasıl yapacağımı anlamadım. Yardımcı olursanız sevinirim.
OLDüyedir3
Hectopat
- Katılım
- 6 Ağustos 2020
- Mesajlar
- 1.522
- Çözümler
- 1
Sorunu veya soruyu tam olarak anlamadım, daha açık anlatırmısınız?
Fatalis
Megapat
- Katılım
- 18 Ağustos 2014
- Mesajlar
- 4.947
- Makaleler
- 5
- Çözümler
- 63
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Web Tasarımcısı
Verdiğiniz örnekte aklıma 2 farklı animasyon geldi, pek anlayabildiğimi de söyleyemem ancak aklıma gelen bu 2 animasyonun da bir örneğini hazırladım:
jsfiddle.net
Eğer ikisi de değilse biraz daha açıklarsanız yardımcı olabilirim, bahsettiğiniz bu animasyonu bir sitede gördüyseniz o siteyi atmanız çok iyi olur.
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
jsfiddle.net
Eğer ikisi de değilse biraz daha açıklarsanız yardımcı olabilirim, bahsettiğiniz bu animasyonu bir sitede gördüyseniz o siteyi atmanız çok iyi olur.
KS
KS
umutalper11
Picopat
- Katılım
- 10 Eylül 2020
- Mesajlar
- 128
Link Hover Effect: Animate Border Bottom bunun aynısı olacak ama kapanırken yine soldan değil de sağdan kapanacakVerdiğiniz örnekte aklıma 2 farklı animasyon geldi, pek anlayabildiğimi de söyleyemem ancak aklıma gelen bu 2 animasyonun da bir örneğini hazırladım:
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Eğer ikisi de değilse biraz daha açıklarsanız yardımcı olabilirim, bahsettiğiniz bu animasyonu bir sitede gördüyseniz o siteyi atmanız çok iyi olur.
Fatalis
Megapat
- Katılım
- 18 Ağustos 2014
- Mesajlar
- 4.947
- Makaleler
- 5
- Çözümler
- 63
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Web Tasarımcısı
Transform-origin ve scaleX transform özelliğini kullanarak yapabilirsiniz, hazırladığım örnek:
Edit fiddle - JSFiddle - Code Playground
Son düzenleme:
KS
KS
umutalper11
Picopat
- Katılım
- 10 Eylül 2020
- Mesajlar
- 128
Çok teşekkürler anladım
