मुखपृष्ठ » कोडिंग » 15 सुंदर पाठ प्रभाव सीएसएस के साथ बनाया गया

    15 सुंदर पाठ प्रभाव सीएसएस के साथ बनाया गया

    खूबसूरत टेक्स्ट या टाइपोग्राफी आपके डिज़ाइन को आकर्षक बना देगी। वेब डिजाइन में, सीएसएस पाठ या टाइपोग्राफी में विभिन्न प्रभावों सहित डिजाइन को शैली देने में मदद करता है। सीएसएस के साथ, आप क्लिपिंग का उपयोग कर सकते हैं और चीजों को थोड़ा मसाला करने के लिए टेक्स्ट में एनीमेशन जोड़ सकते हैं.

    और इसका वर्णन करने के लिए, हमने संग्रह किया है 15 तेजस्वी और शांत पाठ प्रभाव जो सीएसएस के साथ संभव किए गए हैं (जावास्क्रिप्ट कोड से थोड़ी मदद के साथ).

    अधिक चीजों के लिए आप CSS के साथ कर सकते हैं, देखें:

    • 18 शांत चीजें जिन्हें आप विश्वास नहीं करेंगे कि सीएसएस का उपयोग करके बनाया गया था
    • 30 jQuery के टेक्स्ट इफ़ेक्ट लाइब्रेरी आपको जानना आवश्यक है
    • CSS से हार्ट शेप कैसे बनाये
    • Animate.css - CSS3 पुस्तकालय आसानी से एनीमेशन बनाने के लिए

    लोचदार स्ट्रोक एनीमेशन

    योकसेल शांत रंग योजना के साथ पाठ के स्ट्रोक को दर्शाता है। यह प्रभाव CSS और SVG के साथ बनाया गया है। नतीजा कमाल का है!

    एसवीजी गड़बड़

    उन प्रभावों को बनाना चाहते हैं जो टूटे एनालॉग टीवी की तरह दिखते हैं? डिर्क वेबर ने सीएसएस और एसवीजी फिल्टर का उपयोग करके इस आश्चर्यजनक गड़बड़ प्रभाव को बनाया.

    शॉप टॉक लोगो

    शॉप टॉक का लोगो ह्यूगो द्वारा केवल सीएसएस का उपयोग करके बनाया गया है। लोगो सही बनावट के साथ, मूल के समान दिखता है.

    स्लेश प्रभाव

    रोबेट मेसर्ले का यह विचार चाकू के कटा हुआ प्रभाव देता है, जो सीएसएस की 70 से कम लाइनों के साथ किया जाता है.

    सुरुचिपूर्ण छाया प्रभाव

    सीएसएस का उपयोग करते हुए, पाठ के लिए लॉन्ग शैडो इफ़ेक्ट आता है। निर्माता, जुआन ब्रुजो ने 4 अन्य प्रभाव बनाए लेकिन यह आसानी से सबसे प्रभावशाली है.

    धूमिल पाठ प्रभाव

    एंड्रियास एक भयानक सिनेमाई धूमिल प्रभाव बनाता है। केवल वेबकिट ब्राउज़र पर लागू होता है.

    एसवीजी टेक्स्ट मास्क

    मार्को बैरिया द्वारा एक डिजाइन एक बड़े पृष्ठभूमि छवि पर एक सुरुचिपूर्ण पाठ मास्किंग प्रभाव दिखाता है.

    पाठ एनीमेशन

    Yoann ने इस पाठ एनीमेशन के साथ एक भयानक टिकर प्रभाव बनाया। देखें कि दूसरा शब्द तीन शब्दों के बीच कैसे वैकल्पिक होता है.

    जमीं पर गिर गया

    ThatGuySam द्वारा यह 3D प्रभाव पाठ-छाया पर एक सरल नाटक है, लेकिन एक भयानक परिणाम के साथ.

    बैकग्राउंड क्लिप टेक्स्ट

    Jintos टेक्स्ट के अंदर बैकग्राउंड इमेज जोड़ने के लिए एक Webkit बैकग्राउंड क्लिप के साथ खेल रहा था। उन्होंने इस पद्धति का उपयोग करके 16 शांत कृतियों को बनाया.

    सीएसएस पाठ-एफएक्स

    Moklik ने मंद प्रकाश प्रभाव को पाठ में जोड़ा, आपको आंतरायिक चमक प्रदान करता है जो दूर से खतरे की चेतावनी देता है.

    हस्ताक्षर के एनिमेटेड हस्ताक्षर

    गैरी हेप्टिंग ने एक वास्तविक समय पर हस्ताक्षर किए गए एनीमेशन का निर्माण किया। यह हस्ताक्षर करने के लिए SVG पथ पर जावास्क्रिप्ट को लागू करके काम करता है.

    रंगीन ग्लिची 404

    क्या आप इस गड़बड़ की आवाज़ सुन सकते हैं और अपने सिर के अंदर कंपन महसूस कर सकते हैं? कि यह गड़बड़ प्रभाव कितना अच्छा है। mistic100 सीएसएस प्लस जावास्क्रिप्ट का एक सा के साथ बनाया है.

    कास्मोस \ ब्रह्मांड

    अब यह एक सुरुचिपूर्ण और प्रेरणादायक लोगो है। यह उपयोग के लिए भी उपयुक्त है “कास्मोस \ ब्रह्मांड”, क्योंकि कक्षाएँ, इसे प्राप्त करती हैं?

    लोड हो रहा है

    एक शांत लोडिंग प्रभाव जो केवल अक्षरों को छिपाने और प्रदर्शित करने के लिए है.