گرد کردن(دایره) استایل آواتار

[مهدی کفشگر 2]

با سلام.

میخواستم بدونه چطور میشه آواتار کاربرم رو دایره ای کنم؟الان مربع هستش و میخوام اونا رو به شکل دایره در بیارم.

 

ممنون میشم راهنمایی کنید

[طـــاها شیــــعه نواز 84]

با سلام

 

این قطعه کد رو به اخر style.css اضافه کنید .

li.avatar img {
border-radius:100%;
}

[مهدی کفشگر 2]

 

با سلام

 

این قطعه کد رو به اخر style.css اضافه کنید .

li.avatar img {
border-radius:100%;
}

بسیار ممنونم.

حالا میشه کاری کرد که وقتی ماوس رفت روی تصویر پروفایل، کمی تصویر زوم بشه؟خیلی کم.

امکانش هست؟

[طـــاها شیــــعه نواز 84]

کد های شما به صورت زیر خواهد شد ! 

li.avatar img {
border-radius:100%;
transition:.3s;
}
li.avatar img:hover{
zoom:1.06;
}

موفق باشید

[مهدی کفشگر 2]

کد های شما به صورت زیر خواهد شد ! 

li.avatar img {
border-radius:100%;
transition:.3s;
}
li.avatar img:hover{
zoom:1.06;
}

موفق باشید

بسیار ممنونم.کار کرد و رضایت کننده بود.

ولی من یه چیز دیگه تو ذهنم داشتم که خیلی نزدیک به همین بود....این کدی که دادید، کل استایل رو کمی زوم یا بزرگتر میکنه.من میخواستم فقط پروفایل(نه دایره دورش) کمی زوم بشه.

البته این کد هم فوق العاده بود و استفاده کردم ازش...