طريقتين لإضافة 'Border' على الصور بالتقنية CSS

طريقتين لإضافة تأثيرات على الصور بالـ css
طريقتين لإضافة تأثيرات على الصور بالـ css

لإنشاء صور دائرية وذلك بإعطائها القيمة %50.
تطبيق :
في هذا التطبيق سأقوم بإستدعاء مجموعة من الصور (الطول = العرض)، كل صورة سأعطيها قيمة مختلفة في خاصية border-radius حتى تتضح لك الفكرة :

?
1
2
3
4
<img src="google-plus.png" style="border-radius: 0px;">
<img src="google-drive.png" style="border-radius: 10px;">
<img src="google-earth.png" style="border-radius: 20px;">
<img src="google-play.png" style="border-radius: 50%;">
النتيجة :
طريقتين لإضافة 'Border' على الصور بالتقنية CSS


المصدر

الطريقة الثانية :

حيث يوجد موقع جميل جدا يقوم بهذة الخاصيه 

بعد دخولك الموقع قم برفع الصورة التى تريد قص زواياها

Choose a photo to round 
ويمكنك ايضا التحكم فى القص 
RoundPic settings and download 
 ثم تتحول الصورة كمثال هذة

Before and after 
مع تحياتى لكم


Previous
Next Post »