রূপান্তরিত করে
একটি নিখুঁত আয়তক্ষেত্রের মত দেখতে সবকিছু ক্লান্ত? ট্রান্সফর্ম এক্সটেনশন আপনাকে যেকোন এলিমেন্টর উইজেট বা এলিমেন্টকে টুইস্ট, কাত এবং নতুন আকার দেওয়ার ক্ষমতা দেয়। একটি প্রশংসাপত্র কার্ডে একটি সূক্ষ্ম তির্যক যোগ করুন, নাটকীয় প্রভাবের জন্য একটি শিরোনাম ঘোরান, বা সহজ ভিজ্যুয়াল কন্ট্রোল সহ নির্ভুলতার সাথে হোভারে একটি চিত্র স্কেল করুন। এটি তীক্ষ্ণ, গতিশীল এবং সত্যিকারের অনন্য লেআউট তৈরি করার গোপন টুল যা স্ট্যান্ডার্ড টেমপ্লেট লুক থেকে আলাদা। মৌলিক অবস্থানের বাইরে যান এবং আপনার উপাদানগুলিকে একটি নতুন মাত্রা দিন।
X & Y অক্ষে তির্যক এবং ঘোরান
আপনার উপাদানগুলিকে চর্বিহীন, কাত করুন বা দৃষ্টিকোণে উপস্থিত করুন। সমান্তরালগ্রাম আকার বা গতিশীল তির্যক তৈরি করতে Skew X এবং Skew Y মানগুলি স্বাধীনভাবে নিয়ন্ত্রণ করুন। সাধারণ ওয়েব ডিজাইনের অনমনীয় অনুভূমিক প্রান্তিককরণ ভেঙ্গে আপনার উপাদানটিকে 2D বা 3D স্পেসে ঘোরানোর জন্য এটিকে রোটেটের সাথে একত্রিত করুন।
- ডায়নামিক স্কুইং: একটি ধারকটিকে সামনের দিকে বা পিছনের দিকে ঝুঁকে পড়ার মতো দেখতে একটি স্কু এক্স প্রয়োগ করুন।
- সুনির্দিষ্ট ঘূর্ণন: সৃজনশীল লেআউট এবং ওভারল্যাপিং ডিজাইনের জন্য সুনির্দিষ্ট ডিগ্রি দ্বারা উপাদানগুলি ঘোরান।
- প্রভাবগুলি একত্রিত করুন: একটি বোতাম তির্যক করুন এবং তারপরে একটি কৌতুকপূর্ণ, অফ-কিল্টার কল-টু-অ্যাকশনের জন্য এটিকে সামান্য ঘোরান৷।
হোভারে বাড়ান, সঙ্কুচিত করুন এবং গভীরতা যোগ করুন
ইন্টারেক্টিভ মুহূর্তগুলি তৈরি করুন যা আপনার দর্শকদের প্রতিক্রিয়া জানায়। একটি আইকন বা চিত্রকে হোভারে বড় করতে, চোখ আঁকতে স্কেল সম্পত্তি ব্যবহার করুন। শিশু উপাদানগুলিকে 3D স্পেসে ঘোরানোর জন্য একটি অভিভাবক পাত্রে দৃষ্টিকোণ যুক্ত করুন, গভীরতা এবং নিমজ্জনের অনুভূতি তৈরি করুন যা সমতল নকশাগুলি মেলে না৷।
- হোভার-ভিত্তিক স্কেলিং: বোতাম বা কার্ডগুলিতে একটি মসৃণ, আকর্ষক বৃদ্ধির প্রভাবের জন্য স্কেলে একটি হোভার অবস্থা সেট করুন: 1.1।
- 3D-এর মতো গভীরতা: একাধিক ঘোরানো উপাদানগুলিকে একীভূত 3D দৃশ্যের অংশের মতো অনুভব করতে দৃষ্টিকোণ সেটিং ব্যবহার করুন।
- মূল নিয়ন্ত্রণ করুন: কেন্দ্র, শীর্ষ বা কোণ থেকে একটি উপাদান স্কেল তৈরি করতে রূপান্তর উত্স পরিবর্তন করুন।
রূপান্তরের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
আমার টেক্সট skewing বা ঘোরানো এটা পড়া কঠিন হবে?
এটা করতে পারেন, যদি আপনি ওভারবোর্ড যান। চাবিকাঠি হল সূক্ষ্মতা। একটি সামান্য 2-5 ডিগ্রী ঘূর্ণন বা তির্যক পঠনযোগ্যতা আঘাত না করে বিশাল চাক্ষুষ আগ্রহ যোগ করতে পারে। সর্বদা বিভিন্ন ডিভাইসে পূর্বরূপ এবং পরীক্ষা করুন। গুরুত্বপূর্ণ বডি টেক্সটের জন্য, রূপান্তরগুলিকে ন্যূনতম রাখা বা শুধুমাত্র আলংকারিক উপাদানগুলিতে প্রয়োগ করা ভাল।
আমি কি এটি একটি 3D ফ্লিপ কার্ড তৈরি করতে ব্যবহার করতে পারি?
আপনি খুব কাছাকাছি পেতে পারেন! একটি প্যারেন্ট কন্টেইনারে পরিপ্রেক্ষিতের সাথে রোটেট ওয়াই (ফ্লিপের জন্য) একত্রিত করে, আপনি একটি কার্ড তৈরি করতে পারেন যা উল্টে যাচ্ছে বলে মনে হচ্ছে। আপনি দুটি উপাদান (সামনে এবং পিছনে) ব্যবহার করবেন এবং একটি সম্পূর্ণ সমাধানের জন্য আরও উন্নত মিথস্ক্রিয়া বা কাস্টম কোড দিয়ে তাদের দৃশ্যমানতা টগল করবেন।
এই প্রভাবগুলি কি মোবাইল ডিভাইসে কাজ করে?
ব্যবহৃত CSS রূপান্তরগুলি আধুনিক মোবাইল ব্রাউজারগুলিতে ব্যাপকভাবে সমর্থিত। যাইহোক, জটিল 3D দৃষ্টিকোণ বা তীব্র অ্যানিমেশনগুলি ডেস্কটপে আরও ভাল পারফর্ম করতে পারে। একটি বাস্তব ফোনে আপনার ডিজাইন চেক করা এবং প্রয়োজনে মোবাইলের জন্য প্রভাবগুলি সরল করা সর্বদা একটি ভাল ধারণা।
এটি ফ্লোটিং ইফেক্ট এক্সটেনশন থেকে কীভাবে আলাদা?
দারুণ প্রশ্ন! ফ্লোটিং ইফেক্টগুলি স্বয়ংক্রিয়, অবিচ্ছিন্ন অ্যানিমেশনের জন্য (যেমন একটি বাউন্সিং বা ড্রিফটিং মোশন)। ট্রান্সফর্ম এক্সটেনশন হল একটি উপাদানের মূল আকৃতি এবং অবস্থান (তির্যক, ঘোরানো, স্কেল) পরিবর্তন করার বিষয়ে, প্রায়শই একটি স্থির উপায়ে বা এককালীন মিথস্ক্রিয়া হিসাবে (একটি হোভার প্রভাবের মতো)। তারা একসাথে ব্যবহার করা যেতে পারে! উদাহরণস্বরূপ, আপনার কাছে একটি কার্ড থাকতে পারে যা সামান্য তির্যক (ট্রান্সফর্ম) এবং আলতোভাবে ডাল (ভাসমান প্রভাব)।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
