पाठ 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 बोल्ड Arial, Helvetica, बिना सेरिफ़; मार्जिन: 0 0 0 0; padding: 10px 0 0 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, फ़ॉन्ट: Arial बोल्ड सेरिफ़ 18px, Helvetica, बिना; रंग: # 000; padding: 10px 0 0 0; रेखा से ऊंचाई: 162;. 5%)
# 2 Html संरचना चरण
अब हम एक सरल HTML कोड बनाने के लिए
> <h2> Heading </h2> <p> Et ut ac sociis natoque montes! <Div id = "कंटेनर"> <h2> > शीर्षक </ h2 टैग: एसी sociis natoque Montes एट ut! Porta lundium sed, tempor एसी Porta, आसन्न - प्रसवा turpis. एसी, ut एरोस egestas, adipiscing penatibus placerat आसन्न - प्रसवा, बैठो mattis lacus>. </ P टैग एट ut एसी sociis natoque Montes! Porta lundium sed, tempor एसी Porta, आसन्न - प्रसवा turpis. एसी, ut एरोस egestas, adipiscing penatibus आसन्न - प्रसवा बैठना lacus mattis, placerat. </ Div> </ p>
डेमो देखें
पर का पालन करें हमें चहचहाना , या करने के लिए सदस्यता डेवलपर्स स्वर्ग + आरएसएस फ़ीड वेब वेब विकास ट्यूटोरियल पर अच्छे के लिए.
संबंधित आलेख:
अगर आप इस लेख को पढ़ने का आनंद लिया, बाहर से नीचे अन्य संबंधित लेख की जाँच करें:























































पाठ के साथ CSS3 इनसेट डिजाइनर डेवलपर्स और सुझाव के लिए |] | बनाएँ [कैसे उपयोगकर्ता लिंक: से tripwire पत्रिका का कहना था: मार्च 4, 6:50 pm पर 2010 ने कहा:
[...] उपयोगकर्ता समाचार अगर (typeof Meebo == 'अपरिभाषित') (Meebo = समारोह () ((Meebo._ = Meebo._ ||[]). धक्का (तर्क)), (समारोह (क्यू) ( अगर (! document.body); var = तर्क args (वापसी setTimeout (समारोह () (args.callee.apply (इस args)), 100);) var = घ दस्तावेज़ ख, = d.body, छो = b insertBefore (d.createElement ('div') b.firstChild);. एस = d.createElement ('लिपि'); m.style.display = 'कोई नहीं'; m.innerHTML = 'मीबो' m.id ";? s.src = 'http' + (q.https CIM / मंच-':")+' cim.meebo.com '?':")+'://'+( q.stage है / cim.php नेटवर्क = '+ q.network; b.insertBefore (एस b.firstChild,);)) ((नेटवर्क:' tripwiremagazine_fu72bi '));) CSS3 के साथ [...] इनसेट पाठ बनाना
पाठ CSS3 के साथ बनाएँ करने के लिए इनसेट | OnlineSchoolofDesign.com पर कहते हैं: 4 मार्च 2010 में 11:05 बजे ने कहा:
यह [...] बाहर: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ 35 विशेष एक PROMOGet के लिए हम पर चहचहाना का पालन भी अद्यतन अधिक! लिए होस्टिंग इसे बनाने% छूट [...]
एरिका | UPrinting पर कहते हैं: 5:55 2010 में, 5 मार्च रहा हूँ ने कहा:
मैं इस बारे में कभी नहीं जानता था, के बाद से सीएसएस के बारे में मेरा ज्ञान केवल बुनियादी बातें हैं. इस साझा करने के लिए धन्यवाद, मैं के लिए यकीन है कि इस एक कोशिश करेंगे. अपने अगले पद के लिए आगे की खोज!
Marek Stasikowski पर कहते हैं: 5 मार्च, दोपहर 1:44 2010 में कहा:
क्षमा करें, लेकिन मैं वास्तव में मार्कअप में सामग्री को दोगुना करने का विचार पसंद नहीं है. इस से बेहतर है, उदा. जावास्क्रिप्ट आधारित है.
के लिए डिजाइनरों और डेवलपर्स के लेख की ताजा संग्रह + 120 विशाल | tripwire पत्रिका का कहना था: 5 मार्च, दोपहर 10:57 2010 में कहा:
CSS3 [...] इनसेट साथ पाठ बनाएँ करने के लिए [...]
सीएसएस ब्रिजिट | पाठ CSS3 के साथ बनाएँ करने के लिए इनसेट पर कहते हैं: 6 मार्च, 12:11 पर 2010 हूँ ने कहा:
पाठ CSS3 के साथ बनाएँ करने के लिए इनसेट ...
कई रोमांचक नए कार्यों और सुविधाओं CSS3 के लिए जा रहे हैं सोचा. आज हम CSS3 के साथ इनसेट परीक्षण बनाने जा रहे हैं. ...