كيف انشئ ظل لصندوق باستخدام css3

بواسطة:

يمكنك ذلك باستخدام خاصية box-shadow هذه الخاصية تمكنك من انشاء ظل خارج الصندوق وداخله او المربع 

المثال الاخير يحتوي على خاصية inset وهي تدل ان الظل داخلي , بدون هذه الخاصية الظل سيكون خارج المربع 

 

.shadow-one { box-shadow: 4px 4px; }

.shadow-tow { box-shadow: 4px 4px 3px; }

.shadow-three { box-shadow: 4px 4px 10px 2px; }

.shadow-four { box-shadow: #999 4px 4px 2px 0; }

.shadow-five { box-shadow: inset #999 4px 4px 2px 0 , -4px 4px 2px; }

مواضيع ذات صلة بـ

السعرات-الحرارية-في-الكبدة

.  الكبدة . فوائد الكبدة . أضرار الكبدة . كمية السعرات الحرارية في الكبدة . فيديو عن كمية السعرات الحرارية في الكبدة  الكبدة هي عضو داخل

أسباب-الهجرة-الخارجية

الهجرة في الآونة الأخيرة لوحظ أنَّ هُناك عددًا كبيرًا من الأشخاص الّذين لجأوا إلى الهجرة للعديد من الأسباب، وتعرف الهجرة بأنها: انتق

ما-هي-حرب-الاستنزاف

الصراع العربي الإسرائيلي يُشير هذا الصّراع إلى النزاع السياسي والعسكريّ بين العرب وإسرائيل، ويرجع جذوره إلى صعود الصهيونية ونهوض ال

فوائد-اللوز-الأخضر-للجنس

تعتبر بلاد الشام وجنوب تركيا هي الموطن الأصلي للوز الأخضر، وتعتبر هذه الشجرة من أشهر أشجار حوض البحر الأبيض المتوسط، وهذا الشجر هو ش

طرق-علاج-السمنة-عند-الأطفال

. السمنة عند الأطفال . طرق علاج السمنة عند الأطفال . العلاج السلوكي . الحمية الغذائيّة . النشاط البدني . الأدوية . فيديو عن علاج السمنة عن