منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


شرح css3 ظل الصندوق box shadow
 

  شرح css3 ظل الصندوق box shadow

اذهب الى الأسفل 
كاتب الموضوعرسالة
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126400
نقاط النشاط : 142117
السٌّمعَة : 3006
بلد العضو :  شرح css3 ظل الصندوق box shadow  Saudi-10
العمر : 35

 شرح css3 ظل الصندوق box shadow  Empty
مُساهمةموضوع: شرح css3 ظل الصندوق box shadow     شرح css3 ظل الصندوق box shadow  Emptyالثلاثاء يناير 03, 2017 3:24 am

css3 ظل الصندوق box shadow في السابق كنا نستخدم الصور لتزيين الصناديق داخل الموقع لكن حاليا مع box shadow كل المطلوب اضاف اكوادها ويكون ضاهر بكل سهوله وبدون تثقيل التصفح باحجام الصور مثال
 شرح css3 ظل الصندوق box shadow  Box-shadow
الكود المتسخدم هو

الكود:
box-shadow: 3px 3px 5px 6px #ccc;

لاحظوا يا احباب الارقام من عرض الظل واتجاه الظل وخفة اللون وكثافته وبعدها كود اللون شاهدوا بعد التعديل عليها
 شرح css3 ظل الصندوق box shadow  Box-shadow-1
وهذا الكود المستخدم

الكود:
box-shadow: 0px 1px 2px 3px #ccc;

وممكن نحول الظل بدل ما يكون للخارج نعكسه الى الداخل باضافة كود بسيط للكود السابق مثال له
 شرح css3 ظل الصندوق box shadow  Box-shadow-2
هنا نكون نقلنا الظل الى تدرج من الحد او الاطار للصندوق الى داخل الصندوق وكل المطلوب inset وهذا الكود المستخدم
 
الكود:

box-shadow: inset 0px 1px 6px 9px #ccc;


هذي الطريقه لمن ارادها ويبحث عنها وان شاء الله تكون الطريقه واضحه ومفهومه
هذا وصلى الله وسلم على نبينا محمد وعلى اله وصحبه وسلم تسليماً كثيرا


 شرح css3 ظل الصندوق box shadow  Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Âñå ÀsLń Môŝibă
عضو محترف 

Âñå ÀsLń Môŝibă

انثى
القوس
عدد المساهمات : 1202
نقاط النشاط : 1287
السٌّمعَة : 8
بلد العضو :  شرح css3 ظل الصندوق box shadow  Algeri10
العمر : 19

 شرح css3 ظل الصندوق box shadow  Empty
مُساهمةموضوع: رد: شرح css3 ظل الصندوق box shadow     شرح css3 ظل الصندوق box shadow  Emptyالثلاثاء يناير 10, 2017 10:02 pm

شكرا جزيلا عالموضوع الرائع...استمري في ابداعك وعطائك


اتمنى ان اكون سبب سعادة لمن حولي
وأن لااكون وجعا لاحد
...ربماآ انا لااستطيع إسعآد أحد ..ولكن اقسم انني لا احب ايذاء احد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mr Robot
سوبر الإبداع 

Mr Robot

ذكر
القوس
عدد المساهمات : 35481
نقاط النشاط : 37581
السٌّمعَة : 108
بلد العضو :  شرح css3 ظل الصندوق box shadow  Lebano10
العمر : 35

 شرح css3 ظل الصندوق box shadow  Empty
مُساهمةموضوع: رد: شرح css3 ظل الصندوق box shadow     شرح css3 ظل الصندوق box shadow  Emptyالثلاثاء مارس 21, 2017 2:04 am

بارك الله بيك
واصل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Princess Abir
عضو ذهبي 

Princess Abir

انثى
الثور
عدد المساهمات : 2130
نقاط النشاط : 2168
السٌّمعَة : 9
بلد العضو :  شرح css3 ظل الصندوق box shadow  Algeri10
العمر : 20

 شرح css3 ظل الصندوق box shadow  Empty
مُساهمةموضوع: رد: شرح css3 ظل الصندوق box shadow     شرح css3 ظل الصندوق box shadow  Emptyالثلاثاء مارس 21, 2017 2:05 am

طرح مميز يعطيك العافية


 شرح css3 ظل الصندوق box shadow  21484110
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com
abuahmad
عضو محترف 

abuahmad

ذكر
السرطان
عدد المساهمات : 1485
نقاط النشاط : 1637
السٌّمعَة : 4
العمر : 54

 شرح css3 ظل الصندوق box shadow  Empty
مُساهمةموضوع: رد: شرح css3 ظل الصندوق box shadow     شرح css3 ظل الصندوق box shadow  Emptyالأربعاء مايو 10, 2017 9:08 am

موضوع رائع



وطرح مميز



شكرا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Picasso-Des
سوبر الإبداع 

Picasso-Des

ذكر
الجدي
عدد المساهمات : 10775
نقاط النشاط : 11119
السٌّمعَة : 136
بلد العضو :  شرح css3 ظل الصندوق box shadow  Ioao10
العمر : 37

 شرح css3 ظل الصندوق box shadow  Empty
مُساهمةموضوع: رد: شرح css3 ظل الصندوق box shadow     شرح css3 ظل الصندوق box shadow  Emptyالسبت يونيو 16, 2018 11:16 pm

يعطيكم العافية على الطرح  شرح css3 ظل الصندوق box shadow  837876428
كل الاحترام  شرح css3 ظل الصندوق box shadow  433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
Mohamed Sobhi
عضو ذهبي 

Mohamed Sobhi

ذكر
الاسد
عدد المساهمات : 3330
نقاط النشاط : 3996
السٌّمعَة : 57
بلد العضو :  شرح css3 ظل الصندوق box shadow  Egypt10
العمر : 24

 شرح css3 ظل الصندوق box shadow  Empty
مُساهمةموضوع: رد: شرح css3 ظل الصندوق box shadow     شرح css3 ظل الصندوق box shadow  Emptyالسبت يوليو 21, 2018 11:45 am

درس اكثر من رائع شكرا لك على الطرح
لا تحرمنا من جديدك وردة حمراء


 شرح css3 ظل الصندوق box shadow  P_947wjtlk1
الرجوع الى أعلى الصفحة اذهب الى الأسفل
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو :  شرح css3 ظل الصندوق box shadow  Ioao10

 شرح css3 ظل الصندوق box shadow  Empty
مُساهمةموضوع: رد: شرح css3 ظل الصندوق box shadow     شرح css3 ظل الصندوق box shadow  Emptyالإثنين يوليو 23, 2018 9:03 am

جزاكم الله كل خير 


سبحان الله والحمدلله ولا إله إلا الله 
 
 شرح css3 ظل الصندوق box shadow  Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
D.YouSSef
سوبر الإبداع 

D.YouSSef

ذكر
الدلو
عدد المساهمات : 6124
نقاط النشاط : 7079
السٌّمعَة : 34
بلد العضو :  شرح css3 ظل الصندوق box shadow  Morocc10
العمر : 52

 شرح css3 ظل الصندوق box shadow  Empty
مُساهمةموضوع: رد: شرح css3 ظل الصندوق box shadow     شرح css3 ظل الصندوق box shadow  Emptyالخميس أغسطس 30, 2018 3:37 am

جزاك الله خيراعلى العطاء
والدرس الجميل والمفيد
 واصل تالقك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
شرح css3 ظل الصندوق box shadow
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: دروس تعلم لغات البرمجة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020