আসসালামু আলাইকুম
কেমন আছেন সবাই, আল্লাহর রহমতে সবাই ভালো আছেন সবাই। আজকে আরো একটি নতুন ট্রিক নিয়ে হাজির হলাম আপনাদের মাঝে।
টিউটোরিয়ালের বিষয় ঃ আপনার ব্লগারের ইমেজ কে রুটেট ইফেক্ট দেন।
আপনার ব্লগারের সকল ইমেজ কে রুটেট ইফেক্ট দেন |
® চলুন দেখে নিই কিভাবে সেট করবেন।
- প্রথমে আপনার ব্লগে
Login করবেন। - তারপর
dashboard থেকেThemes থেকেEdit Html এ ক্লিক করবেন। - এখন কিবোর্ড থেকে
CTRL+F প্রেস করে এই ট্যাগটি লিখে সার্চ করুন
]]<b:skin/> এই ট্যাগটি পাওয়া গেলে, ঠিক এর উপরে নিচের কোডটিPaste করে দিন।
.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 Template দিয়ে বের হয়ে আসেন। সাইটি রিলোড দেন। এখন আপনার মাউজ পয়েন্টার আপনার ব্লগের যেকোন ইমেজ এর উপরে রাখেন, দেখবেন ইমেজ রুটেট হয়ে যাচ্ছে।
নোটঃ আপনি চাইলে rotate(-2deg) পরিবর্তন করতে পারবেন।
- আজ এই পর্যন্তই। সবাই ভালো থাকবেন। আমাদের সাথেই থাকুন।