कहें कि मेरे पास निम्न कोड है:फ़ॉन्ट रंग के लिए पृष्ठभूमि छवि सेट करें?
<span>Hello world!</span>
और निम्न सीएसएस:
span{
color:red;
}
क्या कोई तरीका है कि मैं red को किसी छवि में बदल सकता हूं? Xzx17 की तरह? मैं अपने पाठ पर एक बनावट रखना चाहता हूं और फैसला किया है कि मैं सिर्फ एक छवि "रंग" टेक्स्ट बनाउंगा, लेकिन मुझे यकीन नहीं है कि यह सीएसएस के साथ किया जा सकता है या नहीं।
हाँ, यह svg का उपयोग कर सकता है, आप <svg> एक <div> छवि पर और पृष्ठभूमि एम्बेड कर सकते हैं एक औरसे अधिक, बाद में 0 -पर जेड-इंडेक्स लागू करें। आप जिस तरह से चाहते हैं svg बनाने के लिए चित्रकार जैसे वेक्टर अनुप्रयोगों का उपयोग कर सकते हैं।
<html>
<head>
<title>Untitled Document</title>
<style>
html
{
background-image:url('lauch.jpg');
background-repeat:no-repeat;
background-position:center;
padding-top:200px;
}
</style>
</head>
<body>
<div align="center">
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="140px" height="80px" viewBox="0 0 76.25 39.167" enable-background="new 0 0 76.25 39.167" xml:space="preserve">
<text transform="matrix(1 0 0 1 5.9336 30.417)" fill="none" stroke="red" stroke-width="0.25" stroke-miterlimit="10" font-family="'Tahoma'" font-size="36">Text</text>
</div>
</body>
</html>
यह संभव नहीं है, CSS3 के साथ भी नहीं। यहां टेक्स्ट प्रभावों पर एक दिलचस्प लेख है जिसका आप CSS3 के साथ उपयोग कर सकते हैं।
http://www.catswhocode.com/blog/8-examples-of-stunning-css3-text-effects
एक अन्य विकल्प जो अपनी आवश्यकताओं स्वीट में एक कस्टम फ़ॉन्ट का प्रयोग है।
इस साइट पर सभी ब्राउज़रों का समर्थन करने के लिए आवश्यक प्रत्येक प्रारूप में एक मुक्त मात्रा में मुक्त ओपन-सोर्स फोंट हैं, यह आपको सीएसएस में इसे कार्यान्वित करने का तरीका दिखाने के लिए एक अच्छी डेमो फ़ाइल भी देता है। यह सीएसएस 2.1 के साथ भी संगत है, इसे आईई 7 + संगत बना रहा है।
ऐसा लगता है जैसे मैंने आपको दिखाए गए लिंक में "ज़ेबरा" उदाहरण के साथ एक ही प्रभाव प्राप्त किया है। – Charlie
दुर्भाग्यवश, वह उदाहरण उस सूची से संबंधित नहीं है।यह CSS3 नहीं है, यह बस @wex –
हाँ द्वारा उल्लिखित छवि प्रतिस्थापन का उपयोग करता है, साथ ही पृष्ठभूमि को पैटर्न के समान रंग होना चाहिए। – Charlie
छवियों के लिए पाठ बाहर गमागमन की तकनीक हेडर और पृष्ठ नेविगेशन के लिए आम है, लेकिन वहाँ वास्तव में किसी भी शुद्ध सीएसएस तकनीक है कि पार ब्राउज़र संगत कर रहे हैं (this एक अच्छा तकनीक है, लेकिन नहीं कर रहे हैं प्रतिसाद नहीं कुछ ऐसा नहीं है जिस पर आपको भरोसा करना चाहिए)।
आप पाठ की एक निश्चित राशि है कि आप बनावट लागू करने के लिए करने के लिए, अपने सबसे अच्छे शर्त बस जैसे, मैन्युअल रूप से छवियों के साथ पाठ बदलने के लिए है चाहते हैं:
HTML:
<h1 class="title">Title</h1>
सीएसएस:
h1.title {
background: url(images/title.gif) 0 0 no-repeat;
width: 80px;
height: 23px;
text-indent: -10000px; }
यह बात है, मैं पीएस में जाने के बिना पाठ को बदलने और शीर्षलेख को रीमेक करने में सक्षम होना चाहता हूं। – Charlie
सच है। दोबारा, मैं वास्तव में केवल इस तकनीक की अनुशंसा करता हूं यदि आप इसे "पाठ की सीमित मात्रा" के लिए उपयोग कर रहे हैं, और जैसा कि आपने कहा था, टेक्स्ट को स्थिर होने की उम्मीद की जा सकती है। – Wex
ठीक है, मुझे आश्चर्य है कि क्या कोई अन्य तरीके हैं। – Charlie
मुझे लगता है कि अगर वहाँ इस अस्पष्टता का उपयोग कर करने के लिए एक तरीका होगा कोशिश कर रहा हूँ; लेकिन मुझे नहीं लगता कि वहाँ है। https://developer.mozilla.org/en/CSS_Reference टेक्स्ट और फ़ॉन्ट शैलियों पर उपलब्ध चारों ओर देखो और देखें कि किसी छवि का उपयोग किये बिना आप जिस प्रभाव को ढूंढ रहे हैं उसे प्राप्त करने और प्राप्त करने के लिए कुछ भी है या नहीं। – Dave
आप इसे एसवीजी के साथ थोड़ा सा उत्पादन करने में सक्षम हो सकते हैं ... – zzzzBov
संभावित डुप्लिकेट [सीएसएस के साथ टेक्स्ट रंग के लिए छवि का उपयोग करना संभव है?] (Http://stackoverflow.com/questions/5812236/with- सीएसएस-यह-संभव-से-उपयोग-एक-छवि-के-पाठ-रंग) –