फ़ॉन्ट विस्मयकारी छवि ओवरले

Question

मैं वर्तमान में एक छवि गैलरी (ज़र्ब फाउंडेशन फ्रेमवर्क के रूप में उपयोग कर रहा हूं) बना रहा हूं और छवि होवर पर ज़ूम आइकन दिखाना चाहता हूं (इस उदाहरण की तरह यहां: http://codepen.io/Twikito/pen/Jeaub)। लेकिन मैं आइकन को एक फ़ॉन्ट (फ़ॉन्ट विस्मयकारी) आइकन होना चाहता हूं, न सिर्फ एक बल्कि 3 व्यक्तिगत क्लिक करने योग्य आइकन .. क्या यह संभव होगा?

Answer 1

बहुत संभव है!

मैंने फ़ॉन्ट-कमाल का उपयोग करके quick JSfiddle एक साथ रखा है। सीएसएस एक साथ हैक किया गया है लेकिन यह दिखाता है कि क्या संभव है। यह आपको प्रयोग करने के लिए एक प्रारंभिक बिंदु देना चाहिए।

<a href="#" title="" class="image"> 
    <img src="http://www.lyricis.fr/wp-content/uploads/2010/04/kickass-film-still-01.jpg" alt=""> 
</a> 

<div class="cn"> 
    <div class="inner"> 
     <a href="#zoom"><i class="icon-zoom-in large"></i></a> 
     <a href="#download"><i class="icon-cloud-download large"></i></a> 
     <a href="#comment"><i class="icon-comment large"></i></a> 
    </div> 
</div> 

नोट: JSfiddle ऊपर font-awesome.css bootstrapcdn.com

से बाहर से बुलाया का उपयोग करता है