كيفية إنشاء أقحم النص مع CSS3
وظائف جديدة ومثيرة العديد من الميزات ويجري التفكير لتصل CSS3. اليوم نحن ذاهبون الى خلق اختبار أقحم مع CSS3. تلك الخاصية سوف تدعم فايرفوكس ، أوبرا ، وكروم سفاري. أقحم النص الذي يجري النص الذي تم توغلت في الخلفية ، تقريبا مثل تأثير عكسي تنقش. آمل ذلك ، سوف تجد الإلهام مفيدة للغاية لمشروعك المقبل التصميم. شكرا!
هذا النص الظل الممتلكات غير معتمد من قبل شركة آي إي. عرض تجريبي
إخبارنا عن أفكارك؟ إذا وجدت أي الدروس الأخرى التي ترغب في المشاركة معنا ، لا تتردد في إخبارنا عن طريق إسقاط في التعليق.
المثال
الخطوة # 1 المغلق هيكل
علينا أولا إنشاء البسيط المغلق مدونة
* ( ; حشوة : 0 ؛ هامش : 0 ؛ ) الهيئة ( ; خلفية : # 222 ؛ )# حاوية ( ; الهامش : 0 ؛ ; خلفية : # 333333 ؛ ): # 000 ; text-shadow :- 1px 1px 1px #4A4947 ; font : 36px bold Arial, Helvetica, sans-serif ; margin : 0 0 0 0 ; padding : 0 0 10px 0 ; } h2 (اللون : # 000 ؛ النص الظل : -- 1px 1px 1px # 4A4947 ؛ الخط : 36px ارييل جريئة ، هلفتيكا ، بلا - الرقيق ؛ الهامش : 0 0 0 0 ؛ الحشو : 0 0 10px 0 ؛)1px 1px #4A4947 ; font :bold 18px Arial, Helvetica, sans-serif ; color : # 000 ; padding : 0 0 10px 0 ; line-height : 162 . 5 %; } ع (النص الظل : -- 1px 1px 1px # 4A4947 ؛ الخط : 18px ارييل جريئة ، هلفتيكا ، بلا - الرقيق ؛ اللون : # 000 ؛ الحشو : 0 0 10px 0 ؛ خط الطول : 162. 5 ٪ ؛)
الخطوة # 2 الاكواد هيكل
نحن الآن إنشاء بسيط الكود
> <h2> Heading </h2> <p> Et ut ac sociis natoque montes! <divهوية = "container"> <h2>عنوان </ h2> <p>سإاء التحرير ميلان sociis natoque مونتيس! بورتا lundium حوار ، tempor ميلان بورتا ، turpis ماخض. ميلان ، egestas اروس التحرير ، penatibus إيليت الجلوس ماتيس lacus ماخض ، placerat. </ ع> <p>سإاء التحرير ميلان sociis natoque مونتيس! بورتا lundium حوار ، tempor ميلان بورتا ، turpis ماخض. ميلان ، egestas اروس التحرير ، penatibus إيليت الجلوس ماتيس lacus ماخض ، placerat. </ ع> </ div>
عرض تجريبي
متابعة منا على التغريد ، أو الاشتراك في الجنة مطوري + آر إس إس لأفضل البرامج التعليمية وتطوير الشبكة على الشبكة.
تعزيز بنا
مواد متصلة :
إذا كنت تتمتع قراءة هذه المادة ، يرجى مراجعة المواد الأخرى ذات الصلة أدناه :
[وصله المستخدم : كيفية إنشاء أقحم النص مع CSS3] | نصائح للمصممين ومطوري | مجلة الشرارة يقول على ما يلي : March 4th ، 2010 على 6:50 سعيد :
[...]إذا كان المستخدم الأخبار (typeof ميبو == 'غير معروف') (ميبو = الدالة () ((Meebo._ = Meebo._ ||[]). دفع (الحجج)) ؛ (وظيفة (ف) ( وسائط فار = الحجج ، وإذا (! document.body) (عودة setTimeout (وظيفة)) (args.callee.apply (هذا ، وسائط)) ، 100) ؛) فار د = الوثيقة ، ب = d.body ، م ب = . insertBefore (d.createElement ( 'div') ، b.firstChild) ؛ ق = d.createElement ( 'السيناريو') ؛ m.id = 'ميبو' ؛ m.style.display = 'لا شيء' ؛ m.innerHTML = "؛ s.src =' المتشعب '+ (q.https؟' ق ':")+'://'+(q.stage؟ المرحلة -':")+' cim.meebo.com / الحديدية / cim.php؟ شبكة = '+ q.network ؛ b.insertBefore (ق ، b.firstChild) ؛)) ((الشبكة :' tripwiremagazine_fu72bi ')) ؛) كيفية إنشاء أقحم النص مع CSS3 [...]
كيفية إنشاء أقحم النص مع CSS3 | OnlineSchoolofDesign.com يقول على ما يلي : March 4th ، 2010 على 11:05 سعيد :
[...]بها : http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ متابعة منا على التغريد للحصول على التحديثات حتى أكثر! استضافة PROMOGet 35 الخاصة خصم ٪ مما يجعل من [...]
ايريكا | UPrinting يقول على ما يلي : March 5th ، 2010 على 5:55 سعيد :
لم اكن اعلم ابدا عن هذا ، ومنذ معرفتي حول المغلق فقط على الأساسيات. شكرا لتقاسم هذا ، وأنا لعلى يقين من هذه محاولة واحدة. نتطلع لمشاركتك القادمة!
ماريك Stasikowski يقول على ما يلي : March 5th ، 2010 على 1:44 سعيد :
آسف ، ولكنني في الحقيقة لا يحبون فكرة مضاعفة المحتوى في ترميزية. هناك أفضل من هذا ، على سبيل المثال. جافا سكريبت القائمة.
120 + مجموعة ضخمة من المواد الطازجة للمصممين ومطوري | مجلة الشرارة يقول على ما يلي : March 5th ، 2010 على 10:57 سعيد :
[...]كيفية إنشاء أقحم النص مع CSS3 [...]
بريجيت المغلق | كيفية إنشاء أقحم النص مع CSS3 يقول على ما يلي : March 6th ، 2010 على 12:11 سعيد :
كيفية إنشاء أقحم النص مع CSS3...
وظائف جديدة ومثيرة العديد من الميزات ويجري التفكير لتصل CSS3. اليوم نحن ذاهبون الى خلق اختبار أقحم مع CSS3. ...