اليكم اليوم شرح مميز على المطور.نت لاضافة تأثير border المميز على الصور بتقنية css بسهولة , خاصية border هي خاصية يعرفها كل من يتقن لغة البرمجة css. سنتعلم اليوم من استخداماتها لاضافة تأثيرات على الصور جميلة ورائعة لتتميز بتصميمك على الجميع .
اليكم مثال مباشر على هذا الخاصية كما في الاسفل الكود ومعاينتة في الصورة لاضافة صورة دائرية بنسبة محددة لاضافة دائرية تماماً نضع النسبة 50% ولتقليل دائرية الصور نخفض النسبة الشرح بسيط ويمكنك معاينة الاكواد التي في الاسفل والصورة التي تمثل معاينة الاكواد لتفهم ما اعنية
<
img
src
=
"plus.jpg"
style
=
"border-radius: 0px;"
>
<
img
src
=
"drive.
jpg
"
style
=
"border-radius: 10px;"
>
<
img
src
=
"earth.
jpg
"
style
=
"border-radius: 20px;"
>
<
img
src
=
"play.
jpg
"
style
=
"border-radius: 50%;"
>
يمكنك معاينة نتيجة الاكواد في الصورة
ليست هناك تعليقات:
إرسال تعليق