lostyazilim
tr.link

Css Resim Ortalama...

4 Mesajlar 1.101 Okunma
lstbozum
tr.link

0ebedi 0ebedi Kimlik Onayı Bekliyor Banlı Kullanıcı
  • Üyelik 17.08.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad E** E**
  • Mesajlar 188
  • Beğeniler 49 / 44
  • Ticaret 0, (%0)
https://enonlar.com/profil?id=1

Linkte "Beğendiği İçerikler" kısmına bakarsanız (orada daha çok var ondan :D) yazıların üstüne gelince resim çıkıyor ve ortaya doğru ilerliyor fakat sanki böyle kesik kesik , parça parça ilerliyo

Ben bunun nasıl cam gibi kaymasını sağlarım

bunu sağlayan css kodu

background-size:cover; background-position: center;
 

 

wmaraci
reklam

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 320
  • Ticaret 19, (%100)
Tatmin edici görüntüyü şu şekilde alırsın ;
.likelarim cssinde ki
> transition: 3s; - kodunu
> transition: all ease 0.3s; - bu şekilde değiştir (CTRL + F5 ile sayfayı yenile)
Hızlı ve yumuşak olacaktır en azından o tırtıklı olaydan kurtulursun yani resim boyutları küçük olduğu için pekte zararı yok, biraz daha efektif bir şey düşünürsen opacity değerini 0dan 1e çekebilirsin yumuşak bir görüntü sağlar vsvs
 

 

0ebedi 0ebedi Kimlik Onayı Bekliyor Banlı Kullanıcı
  • Üyelik 17.08.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad E** E**
  • Mesajlar 188
  • Beğeniler 49 / 44
  • Ticaret 0, (%0)
edcsmile

Teşekkürler;

evet öyle hızlı geçişte pürüzlenme olmuyo

fakat onu ben yüksekliği fazla olan resimlerde hızlı geçmesin diye yapmıştım ama yapıcak bir şey yok dediğiniz gibi yapıcaz artık

Teşekkürler Tekrar
 

 

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 320
  • Ticaret 19, (%100)
0ebedi

Eğer ki resim boyutları sabit olsaydı o zaman az daha yavaş bir şey yapılabilir tabi ama resimler dinamik olunca css transition pek kurtarmaz :D Rica ederim
0ebedi

kişi bu mesajı beğendi.

wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al