lostyazilim

CSS Div Zoom

7 Mesajlar 2.006 Okunma
lstbozum
wmaraci reklam

viper302 viper302 WM Aracı Kullanıcı
  • Üyelik 09.08.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Siber Güvenlik Danışmanı
  • Konum İstanbul Anadolu
  • Ad Soyad K** A**
  • Mesajlar 294
  • Beğeniler 19 / 26
  • Ticaret 3, (%100)
Merhaba arkadaşlar CSS ile 500px boyutundaki bir nesneyi ortalama 300px boyutlarında göstermeye çalışıyorum resimler istediğim gibi küçülürken divler küçülmüyor. Acaba divleri de küçültmenin bir yolu varmı? Yada nerede eksiklik yapıyorum?


zoom: 0.93;
-webkit-transition: all 1s ease;
-moz-transition: 1s ease;
transition: 1s ease;


yukarıdaki kodlar ile küçültüyorum ama sadece resimler ve yazılar küçülüyor. Divler küçülmüyor arkadaşlar. Başka bir yöntem varmı acaba?

Amacım bir resim kırpma işlemi var standart değerlere küçültüyorum resimleri 500X500 değerlerine sonra belirtilen kordinatlardan kırpıyorum. Zoom olayını telefon için istiyorum 500px genişliğinin altında olduğu için resimleri zoom ile küçültüyorum ama divler küçülmüyor.
 

 

wmaraci
reklam

dump3cz dump3cz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 01.05.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Yazılım
  • Konum Bilecik
  • Ad Soyad O** Ç**
  • Mesajlar 1750
  • Beğeniler 169 / 326
  • Ticaret 3, (%67)
Şunu kendine göre düzenle:
.fond{position:absolute;padding-top:85px;top:0;left:0; right:0;bottom:0;
background-color:#00506b;}

.style_prevu_kit
{
display:inline-block;
border:0;
width:196px;
height:210px;
position: relative;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1);
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1);
transition: all 200ms ease-in;
transform: scale(1);

}
.style_prevu_kit:hover
{
box-shadow: 0px 0px 150px #000000;
z-index: 2;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(0.5);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(0.5);
-moz-transition: all 200ms ease-i
-moz-transform: scale(0.5);
transition: all 200ms ease-in;
transform: scale(0.5);
}
 

 

viper302 viper302 WM Aracı Kullanıcı
  • Üyelik 09.08.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Siber Güvenlik Danışmanı
  • Konum İstanbul Anadolu
  • Ad Soyad K** A**
  • Mesajlar 294
  • Beğeniler 19 / 26
  • Ticaret 3, (%100)
teşekkürler cevabınız için ama zoomla aynı şekilde oluyor. İçerisindeki resim yazı gibi nesneler küçülüyor ama 480px bir div var bu div küçülmüyor aynı kalıyor.
 

 

SefaCanDemir SefaCanDemir Front-End Developer Kullanıcı
  • Üyelik 10.11.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Front-End Developer
  • Konum Adana
  • Ad Soyad S** D**
  • Mesajlar 1345
  • Beğeniler 234 / 472
  • Ticaret 12, (%100)
Projenizin linkini atarmısınız incelemeden yardımcı olamayız malesef.
 

 

sefacandemir.com.tr
wmaraci
wmaraci

viper302 viper302 WM Aracı Kullanıcı
  • Üyelik 09.08.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Siber Güvenlik Danışmanı
  • Konum İstanbul Anadolu
  • Ad Soyad K** A**
  • Mesajlar 294
  • Beğeniler 19 / 26
  • Ticaret 3, (%100)
Üzgünüm proje kapalı kutuda. Sisteme giriş yapamazsınız. Sunucu public yayın yapmıyor. İzin vermem kovulma nedenim olur.







Görsel Ekle
Görsel Ekle






Yukarıdaki şekile benzer bir yapı var - zoom yap diyorum ama divler küçülmüyor
 

 

2019 2019 WM Aracı Kullanıcı
  • Üyelik 04.01.2016
  • Yaş/Cinsiyet 39 / E
  • Meslek Mühendis
  • Konum Ankara
  • Ad Soyad F** T**
  • Mesajlar 25
  • Beğeniler 2 / 2
  • Ticaret 0, (%0)
transform: scale(0.6);

Bunu bi dener misiniz.
 

 

viper302 viper302 WM Aracı Kullanıcı
  • Üyelik 09.08.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Siber Güvenlik Danışmanı
  • Konum İstanbul Anadolu
  • Ad Soyad K** A**
  • Mesajlar 294
  • Beğeniler 19 / 26
  • Ticaret 3, (%100)
hatayı yanlış divde yapıyormuşum evet scale işimi çözdü. id="Dialog" olan kısmı jquery ui ile popup açıyordum Dialog genişliği ne kadar zoom veya scale yapsamda değişmediği için etki etmiyor sanıyordum. class="ResimAlani" css özelliğine eklediğimde sorunsuz küçüldü. Teşekkürler cevaplar için arkadaşlar. İyi günler.
 

 

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