Bu yüzden bu küçük sorunu, iOS'ta nasıl çalıştığını bilmediğim için bu kodu iOS'ta uygulayın. Web sitemde kullandığım bu çembere ve tarayıcılar ve android cihazlarda mükemmel çalışmasına sahibim, ancak iOS'a gelince, kırılıyor ve tüm dereceler merkeze geliyor. Birisi bu konuda bana yardımcı olabilir benDönüştürme IOS üzerinde Çalışmıyor
HTML .. memnuniyet duyarız
<div class='circle-container'>
<div class="center"> Center </div>
<div class="deg90">1</div>
<div class="deg315">2</div>
<div class="deg0">3</div>
<div class="deg110">4</div>
<div class="deg135">5</div>
<div class="deg180">6</div>
<div class="deg225">7</div>
</div>
CSS:
.circle-container {
position: relative;
width: 15em;
height: 14em;
padding: 2.8em;
/*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
border: dashed 0px;
border-radius: 50%;
}
.circle-container > a {
display: block;
text-decoration: none;
position: absolute;
top: 50%; left: 50%;
width: 4em; height: 4em;
margin: -2em;
text-align: center;
}
.circle-container div {
display: block;
text-decoration: none;
position: absolute;
top: 50%; left: 50%;
width: 4em; height: 4em;
margin: -2em;
text-align: center;
}
.circle-container img { display: block; width: 100%; height:320px; position:absolute; margin-left:-25px; margin-top:15px;}
.deg0 { transform: translate(5.2em); } /* 12em = half the width of the wrapper */
.deg45 { transform: rotate(45deg) translate(5.4em) rotate(-45deg); }
.deg90 { transform: rotate(-90deg) translate(5em) rotate(90deg); }
.deg110 { transform: rotate(45deg) translate(5em) rotate(-45deg); }
.deg135 { transform: rotate(135deg) translate(5em) rotate(-135deg); }
.deg180 { transform: translate(-5em); }
.deg225 { transform: rotate(225deg) translate(5em) rotate(-225deg); }
.deg315 { transform: rotate(315deg) translate(5em) rotate(-315deg); }
Teşekkür ..
Sorunuzu – Turnip
kodlayın. Yardımınız için teşekkürler, ama kendi başıma çözdüm. –
Kod bloklarına kod koymamadan lütfen kod gereksinimlerini aşmayın. ** Kodu sorgunuzun gövdesine yapıştırın ** ve sorunuza yardımcı olursa bir bağlantı sağlayın. – esqew