একবার একটি ওয়েব ডেভেলপার ছিল যার নাম ছিল আলিসা। সে একটি ওয়েবসাইট তৈরি করতে চেয়েছিল যাতে কিছু চমৎকার অ্যানিমেশন থাকে। সে জানত যে সে CSS ট্রান্সফর্ম ব্যবহার করে এটি করতে পারে, কিন্তু সে কীভাবে শুরু করবে তা নিশ্চিত ছিল না।

আলিসা একটি CSS ট্রান্সফর্ম টিউটোরিয়াল পড়তে সিদ্ধান্ত নিয়েছে। টিউটোরিয়ালটি ব্যাখ্যা করেছিল যে CSS ট্রান্সফর্মগুলি HTML উপাদানগুলিকে সরানো, ঘোরানো, স্কেল করা এবং স্কিউ করার একটি উপায়। আলিসা সব সম্ভাবনা সম্পর্কে জানতে উত্তেজিত ছিল যে CSS ট্রান্সফর্ম অফার করেছিল।

আলিসা প্রথমে একটি সাধারণ HTML নথি তৈরি করে একটি অনুচ্ছেদ টেক্সট সহ। তারপরে সে নথিতে কিছু CSS কোড যুক্ত করে টেক্সটটিকে রূপান্তর করতে। CSS কোডটি ব্রাউজারকে টেক্সটটিকে 45 ডিগ্রি ঘুরতে বলেছিল।

আলিসা পৃষ্ঠাটি রিফ্রেশ করলে, টেক্সটটি 45 ডিগ্রি ঘুরেছিল! আলিসা এত খুশি ছিল যে সে CSS ট্রান্সফর্মগুলি ব্যবহার করা শিখেছে।

আলিসা CSS ট্রান্সফর্মগুলির সাথে পরীক্ষা চালিয়ে যেতে থাকে। সে এমন একটি Button তৈরি করেছিল যা মাউসটি ওভার হলে রঙ পরিবর্তন করত। সে এমন একটি ব্যানারও তৈরি করেছিল যা পৃষ্ঠাটি লোড হওয়ার সময় পাশ থেকে স্লাইড হবে।

আলিসা CSS ট্রান্সফর্মগুলির সাথে এত মজা করছিল যে সে তাদের পুরো ওয়েবসাইট তৈরি করার সিদ্ধান্ত নিয়েছে। সে একটি ওয়েবসাইট তৈরি করেছিল যার একটি ঘূর্ণায়মান লোগো, একটি মেনু যা পাশ থেকে বেরিয়ে আসবে এবং একটি চিত্রের স্লাইডশো।

আলিসার ওয়েবসাইটটি বিশাল সাফল্য ছিল। সবাই CSS ট্রান্সফর্মগুলি ব্যবহার করে সে যে চমৎকার অ্যানিমেশনগুলি তৈরি করেছিল তা পছন্দ করেছিল। আলিসা CSS ট্রান্সফর্মগুলি ব্যবহার করা এবং এত দুর্দান্ত ওয়েবসাইট তৈরি করা শিখতে পেরে গর্বিত ছিল।

সমাপ্ত।

না বুঝলে নিচের ভিডিও দেখুন

https://www.youtube.com/shorts/0Hc4H-D3Xc