আইটি ছাদিক https://www.itsadik.xyz/2020/02/blog-post_24.html

কিভাবে ব্লগার সাইটের থম্বনাইলে রুটেট ইফেক্ট দিবেন?

বিজ্ঞাপন স্পেসের আগে / পরে
আসসালামু আলাইকুম । কেমন আছেন সবাই? আশা করি ভালো আছেন। আমিও আপনাদের দোয়াই অনেক ভালো আছি। প্রতিদিনের মতো আজো নতুন একটি টিউটোরিয়াল নিয়ে হাজীর হয়েছি। টিউটোরিয়ালটির বিষয়ঃ

কিভাবে ব্লগার সাইটটের থম্বনাইলে রুটেট ইফেক্ট দিবেন? 

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

 কিভাবে ব্লগার সাইটটের থম্বনাইলে রুটেট ইফেক্ট দিবেন?
 কিভাবে ব্লগার সাইটটের থম্বনাইলে রুটেট ইফেক্ট দিবেন? 

এই কাজটি সাধারণত তারা ছি এছ এছ (CSS) এর মাদ্ধমে করে থাকে। 
আর হ্যাঁ............ আপনার যদি (CSS) সম্পর্কে  বেসিক ধারণা থাকে তাহলে খুব সহজেই করতে পারবেন।

তাহলে আমরা কাজটি শুরু  করি।

প্রথমে ব্লগারে Login করুন।


তারপর Themse এ যান।


এবার Edite HTML এ ক্লিক করুন।


এখন কিবোর্ড হতে  Ctrl+F একত্রে প্রেস করুন। Ctrl+F প্রেস করার পর দেখুন  ডান দিকে সার্চবার ওপেন হয়েছে।


সার্চবারে ]]></b:skin> লিখে

Enter প্রেস করুন।


এবার ]]></b:skin> এর উপরে নিছের

কোডগুলো কপি করে পেস্ট করুন।

.post img {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
.post img:hover{
opacity:.8;
-webkit-transform:scale(1.1) rotate(-2deg);
-moz-transform:scale(1.1) rotate(-2deg);
-ms-transform:scale(1.1) rotate(-2deg);
transform:scale(1.1) rotate(-2deg);

সবশেষে Save Themse এ ক্লিক করে থিম সেইভ করুন।

নোটঃ এখানে আপনি আপনার রুচি অনুযায়ী rotate(-2deg) বাড়িয়ে বা কমিয়ে নিতে পারেন।



শেষকথাঃ দয়া করে কেউ আমার পোস্টগুলো কপি করবেন না। আর যদি লাইক এবং কমেন্ট করতে ভুলবেন না। 

বিজ্ঞাপন স্পেসের আগে / পরে

অন্যদের সাথে শেয়ার করুন:

Sadikur Rahman
পোস্ট করেছেনঃ Sadikur Rahman
পোস্ট ক্যাটাগরি
0 মন্তব্য

দয়া করে নীতিমালা মেনে মন্তব্য করুন. ??

সর্বশেষ আপডেটেড অফার পেতে চান?

আইটি ছাদিক কী?