- - إضافة تأثير الظل على الصور مع CSS3 السيارات رمز مولد

إضافة تأثير الظل على الصور مع CSS3 السيارات رمز مولد

يتيح لك CSS تصميم صفحات الويب الخاصة بك بسهولة شديدةبسهولة. يمكنك تحديد أكثر من مائة من أنماط النص في صفحة واحدة (بالطبع ستظهر صفحتك وكأنها خيمة سيرك) ولكنها تتعلق بالمرونة والمرونة التي تأتي مع استخدام CSS في صفحات الويب.ThemeShock لديه مولد المبرمج CSS التي سوف تساعدك على إضافةآثار الظل إسقاط مختلفة لصورك في بضع نقرات بسيطة. اخترت التأثير ويكتب الرمز ؛ يمكن إضافة تأثيرات إلى أسفل ، الجانبين ، أعلى وأسفل ، أسفل اليسار ، أسفل اليمين ، أعلى اليمين وأسفل اليسار أو في زوايا قطرية.

CSS-الظل generator_HQ

قبل ان تبدأ؛ تحقق البعد الخاص بكالصورة (الصورة التي تريد إضافة التأثير إليها). يحتوي مولد الشفرة على حد علوي وسفلي محدد مسبقًا يتراوح بين 130 و 347 بكسل لعرض الصورة وارتفاعها. إذا تجاوزت أبعاد الصورة الخاصة بك هذا ، فيمكنك دائمًا تعديل العرض والارتفاع لاحقًا. يتيح لك الرمز أيضًا تحديد عتامة وطمس الظل. لا يمكنك تحميل صورتك في مولد الشفرة ، سيتم استخدام صورة افتراضية حتى تتمكن من معاينة التأثير.

من القائمة المنسدلة ، اختر أي ظلالتأثير الذي ترغبه ، في كل مرة تقوم فيها بتغيير أي من المحددات ، يتم إنشاء رمز جديد ، لذا تأكد من استخدام أحدث رمز. بمجرد اختيار التأثير الذي تريده ، قم بتعيين العرض والارتفاع لصورتك باستخدام شريط التمرير الأفقي. استخدم مفاتيح الأسهم اليمنى واليسرى عندما تريد دفع الزر قليلاً. تعيين طمس والتعتيم وسيتم إنشاء رمز. تؤدي زيادة أو تقليل أي من هذه المعلمات إلى إنشاء رمز جديد.

Css3 Drop Shadow

بمجرد تعيين كل شيء ، انسخ كود CSS إلىملف CSS وتسميته لك صفحة الويب (أو السمة). يتم إنشاء رمز HTML الذي ينتقل إلى صفحة الويب الخاصة بك (إنه فريد لكل تأثير تختاره من القائمة المنسدلة) ، وانسخه ، ثم ضع رمز الصورة (img src = "") حيث يشير إلى "رمزك هنا".

أفضل شيء عن هذا رمز مولد هو ذلكإنه يعمل وهو مجاني. يحتوي على قيود الأبعاد للصور ، ولكن يمكن تحريرها من التعليمات البرمجية. إذا كنت تستخدم صورة شفافة (مثل الصورة أعلاه) ، فستعطي خلفية رمادية باهتة. يمكنك تحرير لون الخلفية لاحقًا من الكود. (تحرير خلفية سطر الشفرة: #ccc). تعطي الشفرة أيضًا إطارًا بحجم 5 بكسل لجميع الصور ، كما يمكنك تحرير الإطار أيضًا ولكن زيادة العرض وتقليله سيخفيان الظل أو يكشفان عنه أكثر من اللازم لذلك من الأفضل تركه بمفرده.

زيارة ThemeShock CSS إسقاط الظل مولد

تعليقات