आज एक वेब पर चित्र हैं एक मुख्य ध्यान खींचने वाला बन गया है उपयोगकर्ता के लिए जो इसे सभी प्रकार के विषयों के लिए उपयोग करता है। फोटोग्राफी, यात्रा, उत्पादों या किसी भी प्रकार के दृश्यों से लेकर, चित्र सबसे महत्वपूर्ण तत्वों में से एक हैं, इसलिए यदि हम एक शानदार प्रभाव पैदा करने में सक्षम हैं, तो उस फोटो में हमारी वेबसाइट पर आए उपयोगकर्ता को बनाए रखने की शक्ति होगी।
यह बस इन प्रभावों में से कई एक वेबसाइट आगंतुक पर प्राप्त करने में सक्षम हैं। सीएसएस प्रभाव जो वास्तव में कुछ मामलों में आंख को पकड़ने वाले हैं और यह कि दूसरों में उनका उद्देश्य सरल होना है, हालांकि हमेशा वह हासिल करना जो हम सभी चाहते हैं: कि उपयोगकर्ता हमारी वेबसाइट की हर चीज के प्रति चौकस रहे। आइए अब 33 सीएसएस छवि प्रभावों को सूचीबद्ध करते हैं जो शक्तिशाली रूप से आकर्षक हैं।
द्रव ट्विस्टिंग छवि 3 डी
जब यह छवि प्रभाव वास्तव में अद्भुत है एक 3 डी घन में छवि विघटित जो एक महान दृश्य प्रभाव पैदा करने के लिए अपनी ऊर्ध्वाधरता को घुमाने में सक्षम है। CSS3D के आधार पर, यदि आप इसे अपनी वेबसाइट पर लागू करने में सक्षम हैं, तो आगंतुक अवाक हो जाएगा।
3 डी हॉवर प्रभाव
यह प्राप्त करने के लिए एक और महान दृश्य प्रभाव है कि जब हम छवि पर माउस पॉइंटर छोड़ते हैं, तो यह उसी के रूप में मारा। एक और महान छवि प्रभाव के लिए एक महान एनीमेशन।
सीएसएस 3 डी पैनोरमा
HTML और CSS एक बनाने के लिए हाथ से चलते हैं महान पैनोरमा प्रभाव मानो हम किसी शहर की किसी इमारत के ऊपर से देख रहे हों।
"झुकाव" परिप्रेक्ष्य में छवियां
Un दृश्य प्रयोग जो वेब हिस्से के रूप में एक विशिष्ट उद्देश्य की सेवा कर सकता है।
विनिशियन ब्लाइन्ड्स
हर बार एक शानदार दृश्य प्रभाव माउस पॉइंटर छोड़ दें इतना है कि यह दो विरोधाभासों के बीच बदलता है जो छवि देता है।
विभाजित छवि
छवि पर माउस पॉइंटर को मँडरा कर, यह यह पूरी तरह से बनाने के लिए बढ़े होंगे.
हॉवर छवि प्रभाव
ई छोड़ने पर एक ग्रिड प्रभाव उत्पन्न होता हैl एक विशिष्ट बिंदु पर माउस पॉइंटर छायांकन से।
दर्पण प्रभाव
चित्र दर्पण प्रभाव के साथ स्क्रॉल करता है जैसा कि हम माउस पॉइंटर को दाईं से बाईं ओर स्लाइड करते हैं और इसके विपरीत।
प्रतिबिंब प्रभाव के साथ छवि
एक क्रिया जो चाहती है छवि पर प्रतिबिंब प्रभाव परियोजना कि हम इस सीएसएस छवि प्रभाव के लिए इस्तेमाल किया है।
हॉवर प्रभाव में छवि झुकाव
पहुँच सकता है थोड़ा चक्कर आना जब देखते हैं कि कैसे छवि के किनारे एक बहुत ही हड़ताली दोहरे प्रभाव पैदा करते हैं।
होवर ब्लर इफेक्ट
जैसा कि हम सूचक को छवि के माध्यम से स्थानांतरित करते हैं, एक धब्बा प्रभाव पैदा करता है कि सेकंड में गायब हो जाता है।
चित्र मंडराना
का प्रभाव है उसी क्षण विस्थापन जिसमें हम सूचक डालते हैं छवि पर माउस।
एसवीजी में होवर का प्रभाव
एक महान हॉवर प्रभाव डालता है छिपी हुई छवि को उजागर किया नाम के तहत ही। छवियों की एक रचनात्मक और जिज्ञासु गैलरी प्रदर्शित करने के लिए बढ़िया फिनिश और परिपूर्ण।
होवर में टेक्स्ट से लेकर इमेज तक
जब हम माउस पॉइंटर को एक हड़ताली एनीमेशन के साथ घुमाते हैं, तो पाठ छवि को प्रकट करता है अंधे प्रभाव के साथ जो बीच से खुलता है।
एक पृष्ठभूमि छवि का खुलासा हिस्सा
मानो हमारे हाथ में था एक टेलीफोटो लेंस का क्रॉसहेयरजब हम माउस पॉइंटर को आगे बढ़ाते हैं तो बैकग्राउंड इमेज का हिस्सा सामने आता है।
होवर एनीमेशन
महान प्रभाव की, लेकिन इसकी संरचना में बहुत सरल है। अगर आप कुछ ढूंढ रहे हैं सरलीकृत और न्यूनतावादी, यह प्रभाव आपको प्यार में पड़ जाएगा।
ट्रैकिंग हॉवर प्रभाव
अन्य सरल प्रभाव एक विशिष्ट उद्देश्य के लिए।
छवि ज़ूम करें
यह वह जगह है विशिष्ट ज़ूम प्रभाव कि आप निश्चित रूप से अपनी वेबसाइट पर ले जाना चाहते हैं।
ज़ूम होवर प्रभाव
एक अन्य विकल्प की तरह जब हम पॉइंटर छोड़ते हैं तो जूम प्रभाव माउस छवि पर बैठे।
आवर्धक काँच का प्रभाव
जैसा कि इसके नाम से पता चलता है, द माउस पॉइंटर छवि पर आ जाएगा आवर्धक काँच में जो इसे आवर्धित करता है।
कोई जावास्क्रिप्ट होवर नहीं
कोई जावास्क्रिप्ट नहीं आप एक ज़ूम प्रभाव को फिर से बना सकते हैं एक चर ग्रिड के साथ छवि।
सीएसएस ओवरले प्रभाव
Un एक परत के लिए शुद्ध सीएसएस प्रभाव उस छवि पर आरूढ़ है जो हमारे पास है।
छवियों के लिए होवी
आपके पास उपयोगकर्ता तत्वों के लिए CSS एनिमेशन की लाइब्रेरी है। आप उन सभी को लिंक में देख सकते हैं जो आपको सबसे अच्छा लगता है। आपके पास चुनने के लिए कई प्रभाव हैं आला दर्जे का।
छवि ओवरले
उच्च गुणवत्ता वाले लाइन एनीमेशन के साथ, आंख को पकड़ने वाला लेयरिंग चित्रित किया गया है। एक और जो आपका पसंदीदा बन सकता है।
छवि प्रभाव ओवरले
हम दूसरे प्रभाव के साथ लौटते हैं HTML और CSS में ओवरले जिसमें वृत्ताकार रेखाएँ नायक हैं।
छवि ओवरले प्रभाव
एक हड़ताली उपरिशायी प्रभाव जिसका उपयोग विभिन्न वेब तत्वों के लिए किया जा सकता है। के साथ थोड़ी रचनात्मकता को एकीकृत किया जा सकता है कार्ड पर इस लेख में लोगों की तरह.
आइकन एनीमेशन के साथ होवर प्रभाव
एक आइकन आइकन के साथ उच्च गुणवत्ता जो आपको पहले कुछ बदलावों में काजोल करेगी। में वह सक्षम है पाठ को महान प्रभाव में लाना.
उपशीर्षक के साथ हॉवर प्रभाव
के साथ एक और महान हॉवर प्रभाव उपशीर्षक जो बहुत चिकनी एनीमेशन के साथ दिखाई देते हैं और हासिल किया।
3 डी होवर दिशा प्रभाव
सबसे उत्तेजक छवि प्रभावों में से एक जो आप पूरी सूची पर देखेंगे। माउस सूचक «3 डी घन» के लिए गाइड बन जाएगा.
छवि पैमाना
एक और सरल प्रभाव, लेकिन बहुत फलता-फूलता है.
प्रतिक्रिया के साथ iOS छाया प्रभाव
Un बहुत धूमधाम के बिना प्रभाव, लेकिन छाया प्रभाव में यह बहुत ठोस है, क्योंकि यह ऐसा लगता है जैसे इसे "जमीन" से उठाया गया था।
शैडो स्टाइल iOS 10
माउस पॉइंटर एक है 'धक्का' प्रभाव उस छवि पर जो महान यथार्थवाद पैदा करती है। बहुत ही रोचक।
छवि संक्रमण प्रभाव
Un अद्भुत संक्रमण प्रभाव जिसमें छवि ग्रिड के ग्रिड में विघटित हो जाती है। आप उस समय को नियंत्रित कर सकते हैं जिसमें प्रभाव होता है और अधिक।
स्क्रॉल छवि संक्रमण
Un बहुत फैशनेबल और रचनात्मक संक्रमण प्रभाव अपनी वेबसाइट के लिए। इस सीएसएस में नियुक्ति को याद मत करो।
माउस व्हील के साथ इमेज को स्क्रॉल करना
तुम्हे करना ही होगा उस समय लागू करें जब आप माउस व्हील का उपयोग करते हैं एक महान संक्रमण एनीमेशन के साथ एक छवि से दूसरे में स्विच करने के लिए। बहुत शानदार।
नमस्ते। मुझे आपके द्वारा पोस्ट किए गए प्रभाव वास्तव में पसंद आए। संयोग से आपको पता चल जाएगा कि किस तरह से प्रभाव डाला जाता है जहां आप एक छवि पर सूचक को रखते हैं और यह वेब पृष्ठों का पूर्वावलोकन प्रदर्शित करने के लिए नीचे से ऊपर तक जाता है। यहाँ एक उदाहरण है कि मेरा क्या मतलब है, अनुभाग में "नवीनतम वेबसाइट जॉब्स"
»वेबसाइट selectawebs.com से
अग्रिम धन्यवाद
उत्कृष्ट पेज और पोस्ट, यह मेरे लिए बहुत उपयोगी रहा है क्योंकि मुझे आंतरिक अनुप्रयोगों के लिए पोर्टल एक्सेस पैनल के लिए कुछ प्रभावों की आवश्यकता थी। इन योगदानों के लिए बहुत-बहुत धन्यवाद।
उत्कृष्ट प्रभाव। मुझे स्व-सिखाया जाता है, मुझे हमेशा वेब विकास का विचार बहुत पसंद आया है, मुझे आपकी सलाह बहुत पसंद है कि कैसे शुरू करें और सीखने के लिए किस क्रम में। सादर प्रणाम
नमस्कार, आपकी सामग्री के लिए धन्यवाद। आज ही अपना पेज खोजे यह एक आश्चर्य है। पढ़ने और प्रश्नों का कोई अंत नहीं है जो इसमें बनाया जा सकता है। ;)
नमस्ते नतालिया! मुझे खुशी है कि आपको यहां पढ़ने में आनंद आया Creativos Online. शुभकामनाएं!
अरे अच्छे प्रभावों की शानदार सूची, यह देखना बहुत अच्छा होगा कि उन्हें वर्डप्रेस के साथ कैसे लागू किया जाए