بعض الادوات المساعدة لتوليد خصائص معينة ل “CSS” بطريقة بسيطة وسهلة وستفيدك حتمًا اثناء تصميم الويب وتضيف تأثيرات جميلة إلى تصميمك.
1. CSS3 Gradient خاصية Gradient تسمح لك بالتدرج فى الالون من لون إلى لون اخر او التدرج بين مجموعة من الالوان , قبل هذه الخاصية كان عليك استخدام صورة جاهز مما يعنى بطء فى تحميل صفحة الويب , الان بامكانك استخدام هذه الخاصية وتوليد الكود المناسب لما تريد فعله من تدرج من الموقع التالى CSSMatic Gradient Genertator .
خاصية مهمة جدًا وهى تنعيم الحواف للاشكال مثل المربع والمستطيل وغيرها ونراها كثيرًا فى الازرار على المواقع , عن طريق هذه الاداة هنا , يمكنك تحديد قيمة التقوس فى الحواف لكل الاركان فى نفس الوقت عن طريق All Corners , او كل حافة على حده عن طريق Top Left , Top Right ,Bottom Left , Bottom Righ . قيمة التقوس تكون بالبكسل دائمًا .
3. Box Shadow هذه الاداة تعنى من اسمها توليد ظلال حول العنصر , وهى مهمة جدًا فى اضافة شكل جمالى للعناصر , ومولد هذا كود هذه الخاصية هنا , يمكنك بكل سهولة من اضافة الظلال دون الحاجة إلى الدخول فى تفاصيل هذا الكود .
مولد ظلال ايضًا ولكن هذه المرة للنصوص , فهذا التأثير الجميل يجعل النص بارز وواضح , يمكنك التغير فى خصائص الخصائص للوصول لنتيجة مناسبة .
هذه الخاصية الرائعة لا تتيح لك تدرج فى الالوان فحسب انما ايضًا تحريك هذه الالوان ويمكنك فهم هذا التأثير الرائع هنا .