আপনার ওয়েবসাইটের জন্য আরও 35 সিএসএস পাঠ্য প্রভাব

আমরা ইতিমধ্যে কয়েক সপ্তাহ আগে CSS এর পাঠ্য প্রতিক্রিয়াগুলির একটি সিরিজ প্রকাশ করেছি H2 শিরোনাম উপস্থাপনা উন্নত কোনও পণ্য বা গ্রাহকের ওয়েবসাইটে বিক্রি হয় এমন কোনও পরিষেবার জন্য প্রবেশের শিরোনাম। CSS টেক্সট এফেক্টস যা আমরা ক্লায়েন্টকে প্রভাবিত করতে চাই এবং যে তাদের পোর্টফোলিওটিতে দীর্ঘ সময়ের জন্য রয়েছে সেই মানের দিকটি দিতে সক্ষম।

আমরা সিএসএস টেক্সট এফেক্টগুলির আরও একটি দুর্দান্ত তালিকা নিয়ে ফিরে আসছি যা বিশেষত সর্বোত্তম উপায়ে কোনও ওয়েবসাইট উপস্থাপনের জন্য বিশেষভাবে উত্সর্গীকৃত। পণ্য, পরিষেবা, অবতরণ পৃষ্ঠা বা থিমের অন্যান্য ধরণের। 35 টি পাঠ্য প্রভাব যা আপনি আজকের ওয়েব ডিজাইন সেরা স্তরে রয়েছে তা দেখাতে মিস করতে পারেন না এবং সর্বাধিক বর্তমান নান্দনিকতার সাথে চালিয়ে যাওয়ার জন্য আমরা ট্রেনটি মিস করতে পারি না।

সাইলেন্ট মুভি পাঠ্য প্রভাব

একটি খুব নির্দিষ্ট পাঠ্য প্রভাব যা থিমের নির্দিষ্ট ধরণের জন্য নিখুঁত হিসাবে উপস্থাপিত হয়। উদ্ধৃতিতে এটি প্রদর্শিত হতে পারে এটি পরিষ্কার করার জন্য যে আমরা আমাদের ওয়েবসাইট বা ক্লায়েন্টের ডিজাইনের দিকে মনোযোগ দিই।

এলোমেলো সিএসএস পাঠ্য ইনপুট

এই র‌্যান্ডম সিএসএস পাঠ্য ইনপুটটি এলোমেলোভাবে চেষ্টা করেছে যেন তা একটি চেইনের গোপন কী। কোনও নির্দিষ্ট বিষয়ের জন্য উত্সর্গীকৃত কোনও ওয়েবসাইটের জন্য একটি পাঠ্য উপস্থাপনের একটি খুব আকর্ষণীয় উপায়।

Cassie

উনা এসভিজি মধ্যে অ্যানিমেশন এর অর্থ বিভিন্ন রঙে গঠিত একটি পাঠ্যের উপস্থাপনের জন্য খুব কম ওজন এটি এই পাঠ্যের উপস্থিতিকে আকর্ষণ করে যা পুরোপুরি চিহ্নটি দিতে জাভাস্ক্রিপ্ট ব্যবহার করে।

অ্যানিমেটেড ছায়া পাঠ্য

এই অ্যানিমেটেড ছায়া পাঠ্যের একটি খুব বিশেষ নান্দনিক ছোঁয়া রয়েছে যা তালিকার বাকি এন্ট্রি থেকে আলাদা। এখানে আমরা জাভাস্ক্রিপ্ট ভুলে গেছি সিএসএস কোড ছাড়া আর কিছুতে উপস্থাপন করা।

মরফ পাঠ্য

জাভাস্ক্রিপ্ট এবং সিএসএসে একটি অ্যানিমেটেড পাঠ্য চক্রাকারে রূপান্তর কিছু নিয়ন রঙের সাথে। ওয়েবসাইটগুলির জন্য যেখানে ব্যাকগ্রাউন্ডের রঙ কালো বা ধূসর। খুব ভিন্ন পাঠ্য প্রভাবের জন্য খুব মসৃণ অ্যানিমেশন।

বিভক্ত পাঠ্য ত্রাণ

এই পাঠ্যটি কার্যকর হয় খুব চতুর অ্যানিমেশন প্রদর্শিত হবে। এটিতে জাভাস্ক্রিপ্টও রয়েছে। এক ক্লিকে আপনি খুব কৌতুহলযুক্ত পাঠ্য প্রভাবের জন্য প্রাপ্ত অ্যানিমেশনটি দেখতে পাবেন।

তরঙ্গ অ্যানিমেশন

একটি এসভিজির সাথে পাঠ্যের মধ্যে ওয়েভ অ্যানিমেশন। এর অন্যতম কৌতূহল বিষয় পাঠ্য প্রভাব ব্যাকগ্রাউন্ড চিত্রের উপর এবং গ্রেডিয়েন্ট যা ওয়েভটি পূরণ করে এটি সঠিকভাবে দাঁড় করানোর জন্য।

অ্যানিমেটেড ওয়ার্প পাঠ্য

কিছুটা জাভাস্ক্রিপ্ট একটি পাঠ্য প্রভাব অর্জন করে ves প্রতিটি বর্ণের নিজস্ব আকারের মূল্য রয়েছে যাতে দেখে মনে হয় এটি বিভিন্ন লেটার স্টিকারের তৈরি। উপস্থাপনায় খুব সৃজনশীল পাঠ্যের জন্য দুর্দান্ত প্রভাব।

ধোঁয়া প্রভাব

একটি পাঠ্যের জন্য একটি দুর্দান্ত ধোঁয়া প্রভাব ধীরে ধীরে অদৃশ্য হয়ে যাচ্ছে সম্পূর্ণ অদৃশ্য হয়ে যায়। এটি ডাল বা ক্লিক করতে এবং পাঠ্যটি আমাদের সামনে বাষ্পীভূত করতে ব্যবহৃত হতে পারে। কোনও জাভাস্ক্রিপ্ট এবং খুব কম সিএসএস কোড নেই।

বুদবুদ প্রভাব

একটি jQuery পাঠ্য প্রভাব যা এটি তৈরি করতে আমাদের দেখায় এইচটিএমএলে একটি শিরোনামে বুদ্বুদ প্রভাব। প্রভাবটি হ'ল পাঠকের পেছন থেকে বুদবুদগুলি এমনভাবে প্রদর্শিত হবে যেন এটি ঝলমলে জল। খুব মারাত্মক

অ্যানিমেটেড ভরাট পাঠ্য

একটি অ্যানিমেটেড টেক্সট এফেক্ট যা ব্যাকগ্রাউন্ড ইমেজ সহ ফন্ট পূরণ করে। জাভাস্ক্রিপ্ট প্রয়োজন হয় না এবং এটি কেবল সিএসএস কোডের সাথেই কাজ করে। কোনও পাঠ্যের জন্য খুব ধীর এবং মসৃণ অ্যানিমেশন যা কোনও ওয়েবসাইটের জন্য নির্দিষ্ট থিমগুলিতে উপযুক্ত।

সিএসএস এবং এইচটিএমএলে পাঠ্য অ্যানিমেশন

সিএসএস এবং এইচটিএমএলে একটি সাধারণ পাঠ্য অ্যানিমেশন যা তৈরি করে শব্দ উল্লম্বভাবে পড়ে উপর থেকে আমরা মোড়ক ছাড়াই একটি সোজা এবং সহজ অ্যানিমেশন সম্পূর্ণ করতে এখানে জাভাস্ক্রিপ্ট সম্পর্কে ভুলে গেছি।

রঙিন পাঠ্য অঙ্কন

এখানে পাঠ্যটি আঁকানো হয়েছে একটি খুব আকর্ষণীয় রঙ প্রভাব এবং এটি বয়ঃসন্ধিকাল বা যৌবনের বিষয়গুলির জন্য নোটটি দিতে পারে। এটি শেষ পর্যন্ত ফাঁকা, ফন্টটি কয়েকটি প্রাণবন্ত সুর দ্বারা বিভক্ত হয়।

এসভিজিতে অ্যানিমেটেড পাঠ্য

ন্যায়বিচার একটি অ্যানিমেশন এক সেকেন্ড পুরো অঙ্কন দিয়ে যায় এসভিজিতে অ্যানিমেটেড পাঠ্যের অক্ষরগুলির। সিএসএস এবং এইচটিএমএল সহ কিছুটা জাভাস্ক্রিপ্ট কোড রয়েছে।

ছায়া পাঠ্য

এই পাঠ্যের ছায়া উত্পাদন করে গভীরতা প্রভাব উজ্জ্বল রঙে যা প্রায় প্যাস্ট্রি শপের মতো লাগে। একমাত্র প্রতিবন্ধকতাটি এটি মোবাইল ডিভাইসের জন্য অনুকূলিত হয় না।

মন্টসেরাট

সিএসএস এবং এইচটিএমএল অ্যানিমেশন যা এর সৃজনশীলতার জন্য উপস্থাপন করে এবং কিছু হলুদ এবং লাল থেকে বর্ণের রঙ। পাঠ্যের অঙ্কনের মধ্য দিয়ে চলে এমন রঙগুলির অ্যানিমেশনের বিশেষত্ব দ্বারা নির্ধারিত ব্যবহারের জন্য।

বিস্ফোরক প্রভাব

এর একটি পাঠ্য প্রভাব টুকরো টুকরোয় বিস্ফোরিত হয়েছে যে শব্দটি তৈরি করে এমন প্রতিটি অক্ষরের মধ্য দিয়ে মাউস পয়েন্টার রেখে আমরা ধীর করতে পারি। একটি আকর্ষণীয় উচ্চ-মানের পাঠ্য প্রভাব যা এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট ব্যবহার করে।

ওয়েভ পাঠ্য প্রভাব

জাভাস্ক্রিপ্ট ব্যতীত, এই তরঙ্গ পাঠ্য প্রভাব একটি অ্যানিমেশন রাখার ব্যবস্থা করে সত্যই পটভূমি চিত্র সরিয়ে দেয় শব্দ আঁকার মাধ্যমে। কোনও সন্দেহ ছাড়াই আঘাত করা এবং দুর্দান্ত প্রভাব রয়েছে।

জিএসএপি অ্যানিমেশন

অনেক সিনেমার মতোই, সমস্ত অনুচ্ছেদে তৈরি হওয়া সমস্ত অক্ষর অ্যানিমেশনটিতে দুর্দান্ত প্রভাব সহ বাক্যগুলি রচনা করতে সর্বত্র থেকে উপস্থিত হবে। এর একটি প্রভাবের জন্য খুব মসৃণ পুরো তালিকায় আরও আকর্ষণীয় এবং উচ্চ মানের পাঠ্য। নির্দিষ্ট ধরণের ক্লায়েন্ট কাজের জন্য এটি মাথায় রাখা জরুরী।

রঙিন পাঠ্য অ্যানিমেশন

উনা ধীর এবং তরল অ্যানিমেশন লেখায় রঙের যা গ্রেডিয়েন্ট তৈরি করতে পরিচালিত করে। যদিও এর কিছুটা জাভাস্ক্রিপ্ট রয়েছে, এটি মূলত এসসিএসএসের উপর ভিত্তি করে। এটি সেই সূক্ষ্ম প্রভাবগুলির মধ্যে একটি, তবে এটি ওয়েবের জন্য কীভাবে এটি নির্বাচন করতে হবে তা জানাতে কমনীয়তা দেখায়। এটি নজরে পড়বে না।

অসম্ভব পাঠ্য প্রভাব

El টেক্সটকে ঘিরে রেড বক্স এটি শ্যাডো এফেক্টের সাথে নিজেকে ঘুরিয়ে দেয় যা শব্দ বা বাক্যাংশটি জুড়ে। এটি অত্যন্ত আকর্ষণীয় এবং দুর্দান্ত আগ্রহের সাথে একটি ওয়েবসাইটের প্রবেশদ্বার বা শিরোনামটি কভার করা।

বহু রঙের পাঠ্য এসভিজির সাথে পূরণ করুন

মাল্টিকালার ফিল অ্যানিমেশন যা সেগুলির মধ্যে একটি হিসাবে রেন্ডার করা হয় টেক্সট প্রভাব প্রসারিত নিজেই এটি তালিকার ক্ষেত্রে স্বতন্ত্র এবং এই বোমা ছোঁয়া রয়েছে যা ওয়েব দর্শনার্থীদের সংবেদন জাগিয়ে তুলবে। কীভাবে রাখবেন তা যদি তিনি জানেন তবে তিনি নোটটি দেবেন।

এসভিজিতে অ্যানিমেটেড পাঠ্য

যেন তাঁর কাছে পথ কেটে গেছে টেক্সটের উজ্জ্বলভাবে অ্যানিমেটেড এসভিজি অঙ্কন। তালিকার মধ্যে সবচেয়ে কৌতূহলগুলির মধ্যে একটি এবং এটি নিজেকে পুরোপুরি সনাক্ত করতে তার নিজের জায়গায় স্থাপন করা হয়েছে।

পাঠ্য ভুল

জাভাস্ক্রিপ্ট, সিএসএস এবং এইচটিএমএলের এই পাঠ্যটি পুরোপুরি হতে পারে একটি বিজ্ঞাপন সংস্থার বিশেষ স্পর্শ একটি বাক্য শব্দে নোট দিতে। প্রভাবটি অনুপ্রেরণামূলক এবং দর্শকের দৃষ্টি আকর্ষণ করে।

পাঠ্য ভুল

যেনো সিগন্যালে হস্তক্ষেপ হয় পাঠ্য আঁকুন বা এনিমেট করুন, এই পাঠ্য প্রভাব একটি দুর্দান্ত সমাপ্তি। কোনও সন্দেহ ছাড়াই একবচন এবং নিজেকে উপস্থাপন করে। এইচটিএমএল (পগ) এবং সিএসএস (এসসিএসএস) তৈরি।

পাঠ্য এসসিএসএস-এ ফাঁক করুন

হস্তক্ষেপের সাথে অন্য একটি ত্রুটিযুক্ত পাঠ্য যা আপনার সাইট অবশ্যই থিমের কারণে খুব নির্দিষ্ট একটি ওয়েবসাইটে পাবে কল্পবিজ্ঞানের সাথে সম্পর্কিত.

পাঠ্যটি হওর করুন 

যে মুহুর্তে আমরা পাঠ্যের উপরে পয়েন্টার রেখেছি, এটি এক ধরণের ক্রোশায়ার হয়ে উঠবে যা আমাদের প্রতিটি অক্ষরের মাধ্যমে এটি ফোকাস করার জন্য স্থানান্তরিত করতে অনুমতি দেবে, যেহেতু বাকী সমস্ত ফোকাসের বাইরে থাকবে। খুব অনন্য পাঠ্য প্রভাবের জন্য এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট।

দৃষ্টিকোণে পাঠ্য হুভ করে

আমরা যখন রাখি এই পাঠ্যের উপর মাউস পয়েন্টার, এটি খুব কৌতূহলী দৃষ্টিকোণে সরানো হবে যা 3 ডি এর প্রভাব প্রেরণ করে।

অ্যানিমেটেড হাইলাইট পাঠ্য

মাউস পয়েন্টার দিয়ে আমরা পাঠ্যটি হাইলাইট করব যদি এটি অনুলিপি বা কাটা করা হয়। অনুচ্ছেদে সমস্ত শব্দকে কভার করতে একটি টেক্সট এফেক্ট যা উপরে থেকে পড়ে। জাভাস্ক্রিপ্ট ছাড়াই এবং সিএসএস সহ

শুভ পাঠ্য

একটি পাঠ্য প্রভাব খুশী যে এটি শিহরিত হবে যতক্ষণ না আমরা এর কয়েকটি অক্ষরের উপর মাউস পয়েন্টার রেখেছি। এর ফলে প্রভাবটি এমন কিছুটির লাফিয়ে উঠবে। জাভাস্ক্রিপ্ট ছাড়াই এবং সিএসএস সহ

রচনাতে থ্রিডি পাঠ্য

এর জন্য আরও একটি 3D পাঠ্য প্রভাব সমস্ত বর্ণ থেকে বিভিন্ন শব্দ গঠন যা বাইরে থেকে ভিতরের দিকে জুম করে মিলবে। দুর্দান্ত ফলাফল এবং খুব চাক্ষুষ এবং সিনেমাটিক। তালিকায় আরও একটি প্রস্তাবিত।

ছায়ায় খাঁটি সিএসএস পাঠ্য

খাঁটি সিএসএসে এই পাঠ্য প্রভাবদুর্দান্ত ফলাফলের ছায়া ফেলুন এবং দুর্দান্ত শৈলীর। অনিচ্ছাকৃত এবং তালিকার আরও একটি হাইলাইট। কোনও অ্যানিমেশন নেই, তবে উজ্জ্বল।

বেশ ছায়া

একটি ছায়া প্রভাব যা সত্যিই দুর্দান্ত দেখায়। অবতরণ পৃষ্ঠাগুলির জন্য উপযুক্ত বা ডে কেয়ার ওয়েবসাইট। খালি সিএসএস নিজে থেকে বাইরে দাঁড়ানোর জন্য।

দ্বিতীয় ছায়া

এর মধ্যে আরও দুর্দান্ত ছায়া প্রভাব এইচটিএমএল এবং সিএসএস যা বাইরে দাঁড়িয়ে আছে নিজেই লাইনের ছায়া নির্দিষ্ট নির্দিষ্ট থিমযুক্ত ওয়েবসাইটগুলির জন্য দুর্দান্ত কমনীয়তার কারণ করে।

প্যারাল্যাক্স ছায়া

আমরা একটি দিয়ে তালিকাটি শেষ করি প্যারাল্যাক্সে সবচেয়ে মার্জিত প্রভাব পাঠ্য দ্বারা ছায়া জন্য আমরা মাউস পয়েন্টারটি এবং আরও ডানদিকে যাব, ছায়া আরও বেশি প্রতিফলিত হবে। র্যাক্ট, ইএস 6 এবং বাবেল দ্বারা রচিত।

আপনার অন্য একটি তালিকা রয়েছে পাঠ্য প্রভাব এখানে.