لديك حساب بالفعل؟ دخول
دخول  سجل الأن 
HTML أحدث قصاصات واكواد
الموقع الآن فى الفترة التجريبية وهذا الجزء غير كامل وجارى العمل عليه، للراغبين في المساعدة برجاء التقدم
[تحسين] مؤثرات الظل (CSS Box Shadow) الداخلى والخارجى
مثال على الكود
<style type="text/css">
span {
    float: left;
    margin: 4px;
    display: block;
    width: 64px;
    height: 64px;
    background:#E8E8E8;
}
</style>

<span class="outer_shadow"></span>
<span class="inner_shadow"></span>

حاول بنفسك »اضغط على "حاول بنفسك" لكى ترى كيف تعمل فى الحقيقة

تحميل 13,830 ظل 
.outer_shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

.inner_shadow {
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
}