-
Ü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.
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
1749
-
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);
}
-
Ü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.
-
Ü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
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.
-
Ü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.