طريقتين لإضافة تأثيرات على الصور بالـ 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%;" > |
المصدر
الطريقة الثانية :
حيث يوجد موقع جميل جدا يقوم بهذة الخاصيه
بعد دخولك الموقع قم برفع الصورة التى تريد قص زواياها
ويمكنك ايضا التحكم فى القص
ثم تتحول الصورة كمثال هذة
مع تحياتى لكم
Sign up here with your email
ConversionConversion EmoticonEmoticon