Site icon Trickbd.com

আপনার Website এর modification এর জন্য 15+ css Cool Animation Code

Howdy Everyone,

বর্তমানে কম-বেশি সবারই Personal website/ Tech related site রয়েছেই। কেনই বা থাকবে না website build করা যেন পানির মত সহজ করে তুলেছে Blogger, Google site, wordpress প্লাটফর্মগুলো। তবে ইউনিক ও সুন্দরভাবে customize করা site খুবই কম দেখতে পাওয়া যায়, তার প্রধান কারণ হল শুধুমাত্র Html কোডের ব্যবহার। একটু মসলা -পাতি অর্থাৎ CSS code সম্পর্কে ধারণা থাকলে website আরও সুন্দরভাবে উপস্থাপন করা যায় যথোপযোগী conten add এর মাধ্যমে। আর যদি CSS নিয়ে কোন ধারণা না থাকে তবুও সমস্যা নাই, আজকের পোষ্ট অনেকটা Helpful  হবে আশাকরি।

মূলত একটা সাইটের সাথে পরিচয় করিয়ে দিব, যেখানে প্রোগ্রামার-রা Pre-Build কিছু css code দিয়ে দেয় যা কোন বিষয় বস্তুকে Animate/Unique করে তুলে। আপনি সেসকল code copy & paste করে দিয়ে আপনার siteকে রাঙিয়ে তুলতে পারেন নতুন আঙ্গিকে। ঠিক এরকমই 19টা CSS  animation কোড এর review দেখাব যা আমার দৃষ্টিতে অনেক cool।

₪  Chrome Dinosaur  By Nickspiel 

 

₪ Newton’s Cradle Loader  By All Things Smitty 

 

₪ Launch the Modal  By koolhaus 

 

₪ Coffee maker  By Thisisroger 

 

₪ Star wars toggle icon  By Rss 

 

₪ Cruisin’  by yy

 

₪ Flipside button  By hakimel

 

₪ Gooey button  By Lucas Bebber 

 

₪ Elastic SVG Sidebar Material Design  by suez

 

₪ Submit button  by auginator 

 

₪  Preloader  by Maseone

 

₪ Google Now 3rd party app  by codecalm

 

₪ Hamburger CSS3 only animation  by Dawid Krajewski 

 

₪ CSS Loading Animation  By patrikhjelm

 

₪ 3D cube wave  By waddington

 

₪ Focus in/out input animation  By fluxus

 

₪ The Avenger  By mariosmaselli 

 

₪ CSS Mars Landing  by mgitch 

 

₪ Clo clo  By judag

✿আরও Interesting CSS code দেখতে visit করতে পারেন ওদের official site এ।                                                                             মেইন সাইট লিংক-https://codepen.io/

উপরের codeগুলো আপনার site এ use করার পর comment section এ site link দিয়ে দিয়েন যাতে আমরা সবাই আপনার creativity দেখতে site ঘুরে আসতে পারি?( comment এ site link দেয়ার নিয়ম- replace all dot with (#) ex.minhajshakib.blogspot.com↔minhajshakib#blogspot#com)

Bye?

Say Hello To me!