لمشاهدة هذه التأثيرات يرجي الضغط هنـــــــــــا

توصيف النص الأساسي:

قبل أن نبدأ مع هذا البرنامج التعليمي، دعونانقوم بالتعريف بأهم العلامات والملامح الأساسيه.

#round,لعمل أركان أو حدود للصوره علي مقربه.
#indie، لتطبيق زاوية منفردة على مقربة.
#opacity ، لإظهار طرق جديدة لدرجات التعتيم.
#shadow، لتبين لكم كيفية خلق الظلال، من دون فوتوشوب.
#resize ، لتغيير حجم العناصر.
لهذا ، سوف يكون لدينا كود HTML هذا :

</body>
</html>
[/html]

والأن لنقم بإنشاء ملف css :

#wrapper {
width: 100%;
height: 100%;
}

div {
width: 300px;
height: 300px;
margin: 10px;
float: left;
}

الزوايا المستديره:

والأن لنعمل علي تدوير الزوايا

}
[/html]

تغيير التعتيم مع css3 :

إلقاء الظلال:

ولتحديد المستوي الرومادي يتعين عليك تحديد الدرجه المناسبه

ولإعاده تحجميها أو لتغيير الحجم :