CSS का उपयोग करके चित्र के लिए छाया। पुर्नोत्थान।

इससे प्रेरित: habrahabr.ru/blog/css/36860.html

शुरू करने के लिए, मुझे आपको याद दिलाना है कि छवियों के लिए एक डबल / कस्टम फ्रेम बनाने के लिए आपको {... कट ...} की आवश्यकता है, या कंटेनर में छवि डालें और कंटेनर के लिए इंडेंट और पृष्ठभूमि छवि सेट करें ।

और इसी तरह। एक बेहतर तरीका है!





नहीं, कोई कंटेनर, कोई बॉर्डरबोर्ड और कोई जावास्क्रिप्ट नहीं होगा, लेकिन सीएसएस की सिर्फ एक पंक्ति:



img { background: url(shadow.jpg) right bottom no-repeat; padding: 0 12px 14px 0; }







हाँ, हाँ! वास्तव में। Img के लिए, आप पृष्ठभूमि को चित्र के रूप में भी सेट कर सकते हैं, न कि केवल रंग के लिए। और ... * ड्रम रोल * यह हर जगह काम करता है! (और वह काम क्यों नहीं करेगा?)

जाहिरा तौर पर, अधिकांश वेब डेवलपर्स को यह आभास होता है कि img एक ड्राइंग है, और यह सब, इसे पृष्ठभूमि की आवश्यकता क्यों है? :) और वे कंटेनरों में एक छाया छड़ी करने लगे ... टूटती रूढ़ियाँ!



- मुझे विश्वास नहीं होता!

- मेरा विश्वास करो, यह है!



हां, हमारे पास एक निश्चित आकार की छाया है और फ़ोटोशॉप या अन्य जगहों पर पहले से तैयार होनी चाहिए।