Dostum blog ikonu hâlâ aynı, hoverda yok oluyor.
Dostum blog ikonu hâlâ aynı, hoverda yok oluyor.
Hocam belki önbellekten almıştır sizin tarayınız. Değiştirdim çünkü.
Son düzenleme:
Evet kontrol + f5 atınca düzeldi, ancak halihazırda front - end geliştirici olarak söylemem gerekir ki yine olmamış dostum, o siyahlıklar çok kötü gözüküyor... Olması gereken ikon şu şekilde harika gözükürdü;
Çizgileri ve b harfi beyaz olan ikonun çizgileri ve b harfi siyaha dönüşür, iç kısmı beyaza dönüşürse olurdu, böyle çok kötü duruyor açıkçası.
Hocam valla ben beceremedim siz bir ikon dosyası olarak veya css olarak verme şansınız var mı?
Biraz bekleyebilirsen hazırlayacağım senin için.
Hocam bu arada sitenin ilk taslağı burda https://hamzakemal.com.tr/ .
Şimdi burasıyla şu anki halini Anasayfa - Karşı Atak karşılaştırın önerilerin ne kadar faydalı olduğunu görün!
Şimdi burasıyla şu anki halini Anasayfa - Karşı Atak karşılaştırın önerilerin ne kadar faydalı olduğunu görün!
- Katılım
- 29 Ocak 2024
- Mesajlar
- 4.936
- Makaleler
- 43
- Çözümler
- 73
- Beğeniler
- 4.791
Yani evet okunulabilirlik konusunda şu anlık bir sıkıntı yok ancak dediğim gibi görsellerde hafif bir bulanıklık olsa daha modern durur bence.
tear
Üstün
- Katılım
- 31 Ocak 2024
- Mesajlar
- 2.486
- Makaleler
- 34
- Çözümler
- 31
- Beğeniler
- 3.200
iPad ile düzgün çalışıyor.
Hocam bu arada sitenin ilk taslağı burada https://hamzakemal.com.tr/.
Şimdi burasıyla şu anki halini Anasayfa - Karşı Atak karşılaştırın önerilerin ne kadar faydalı olduğunu görün!
[CODE lang="css" title="CSS"].menu {
position: relative;
width: 100px;
height: 100px;
}
.circle {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 3px solid #ffffff;
.circle span {
font-size: 40px;
color: #ffffff;
transition: color 0.3s;
}
.circle:hover {
border-color: #000000;
}
.circle:hover span {
color: #000000;
}
.circle:hover::before {
background-color: #ffffff;
}
.circle::before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #000000;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: background-color 0.3s;
}
.circle span {
font-size: 40px;
font-family: 'Product Sans', Arial, sans-serif;
font-weight: 800;
letter-spacing: -2px;
}[/CODE]
[CODE title="Html kısmı"]<div class="menu">
<div class="circle">
<span>B</span>
</div>
</div>[/CODE]
tear
Üstün
- Katılım
- 31 Ocak 2024
- Mesajlar
- 2.486
- Makaleler
- 34
- Çözümler
- 31
- Beğeniler
- 3.200
Link çalışmıyor.
