خانه / تحت وب / شیوه نامه های آبشاری / کد css گرد شدن گوشه تصاویر

کد css گرد شدن گوشه تصاویر

کد css برای گرد شدن گوشه های تصاویر درون سایت یا وبلاگ و غیره

کد گرد شدن گوشه تصاویر

نیاز هستش که چند تا کد ساده رو به style.css قالبتون اضافه کنید اما نیاز به کمی دقت هستش.

ما مثلا می خواهیم که فقط گوشه تصاویر یک قسمت سایت فقط اینطوری گرد باشند شما باید اون “کلاس” مورد نظر رو پیدا کنید تو قالب .

مثلا تصاویر یا لوگوهایی که تو کلاس image-radius هستند .

بعد شما باید به تصاویر مربوط به این کلاس یک استایل خاص مثلا گرد شدن گوشه تصاویر یا چرخش تصاویر رو با اضافه کردن یک img به اون کلاس اضافه کنید.

برای مثال…

همونطور که دیدید ما یک کلاس image-radius داشتیم حالا یک img بهش اضافه کردیم و توی اون کدهای مربوط به گرد شدن تصاویر رو قرار دادیم.

نکته

اینجا شعاش گردن شدن روی ۱۰ پیکسل تنظیم شده،

شما در صورت تمایل متناسب با سلیقه خودتون تغییرش بدید.

 

ساخت آنلاین استایل گرد شدن تصاویر

وب سایت: www.border-radius.com

این امکان رو برای شما فراهم کرده ، فقط به نکته بالا برای اضافه کردن کدها به محل مورد نظر دقت کنید.

دانلود مستقیم کد

حجم 262 کیلوبایت

کد css برای گرد شدن گوشه های تصاویر درون سایت یا وبلاگ و غیره کد گرد شدن گوشه تصاویر نیاز هستش که چند تا کد ساده رو به style.css قالبتون اضافه کنید اما نیاز به کمی دقت هستش. ما مثلا می خواهیم که فقط گوشه تصاویر یک قسمت سایت فقط اینطوری گرد باشند شما باید اون “کلاس” مورد نظر رو پیدا کنید تو قالب . مثلا تصاویر یا لوگوهایی که تو کلاس image-radius هستند . بعد شما باید به تصاویر مربوط به این کلاس یک استایل خاص مثلا گرد شدن گوشه تصاویر یا چرخش تصاویر رو با اضافه کردن یک…

بررسی کلی

امتیاز کاربر: اولین نفر باشید.

درباره رسانه پی فور

با درود و عرض ادب خدمت شما کاربر عزیز، از این که رسانـه پـی فـور را انـتخاب کرده اید سپاسگذاریم، رسانـه پـی فـور برای رفع نیاز و خدمت به شما در سال 1394 بوجود آمده است، به امید روزی بی نیاز....



دیدگاهتان را ثبت کنید

آدرس ایمیل شما منتشر نخواهد شدعلامتدارها لازمند *

*

4 + هشت =

ads