المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : CSS3 Generator - مولد أكواد CSS3



A7med Baraka
02-03-2013, 12:47 AM
اذا كان لديك معرفة بـ CSS3 والتى يدعمها معظم متصفحات الانترنت الحديثة، وتقوم بتطوير وتصميم المواقع فاقدم اليكم مجموعة من المواقع التى تساعدك على استخدام ال Css3 بسرعة وسهولة دون الحاجة إلى حفظ الكود فهذه المواقع تقوم بتوفير كـود ال CSS3 لكل المتصفحات الحديثة ومن خلال هذه الأدوات يمكنك عمل التالى :-
1- Border Radius.
2- CSS Gradient.
3- CSS Transform.
4- Text Shadow.
5- Transition.
6- @Font Face.
7- Text Rotation.
سوف تجد بعض المواقع تقدم خدمة واحدة فقط لـ CSS3 مثل استخدام ال Gradient وافضل استخدام المواقع التى تقدم خدمة واحدة لانها اسهل وتتيح اختيارات أكثر والأمر يرجع اليك فى النهاية.
1- css3maker (http://www.css3maker.com/)

يتيح لك هذا الموقع استخدام [Border Radius - CSS Gradient - CSS Transform - Text Shadow - Transition - @Font Face - Text Rotation]
http://www.wparabia.com/wparabiafoldercontent/wp-content/uploads/2012/10/css-maker.jpg
2- border-radius (http://border-radius.com/)

يتميز هذا الموقع بالسهولة فى إنشاء حواف مستديرة Border Radius ، فكل ماعليك هو كتاية قيمة مقدارة الاستدارة بداخل المربع الموجود بجوار كل ركن.
http://www.wparabia.com/wparabiafoldercontent/wp-content/uploads/2012/10/border-raduis.jpg
3- colorzilla (http://www.colorzilla.com/gradient-editor/)

يتيح لك هذا الموقع استخدام Gradient CSS3 واعطائك الكود المتوافق مع معظم متصفحات الانترنت.
http://www.wparabia.com/wparabiafoldercontent/wp-content/uploads/2012/10/css3-gradient.jpg
4- css3generator (http://css3generator.com/)

ويتيح لك هذا الموقع استخدام اكواد CSS3 التالية [Border Radius - Box Shadow - Text Shadow - @Font FaceCSS - CSS Transform]
http://www.wparabia.com/wparabiafoldercontent/wp-content/uploads/2012/10/CSSGenrator.jpg
5- text-shadow (http://css3gen.com/text-shadow/)

http://www.wparabia.com/wparabiafoldercontent/wp-content/uploads/2012/10/text-shadow.jpg