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!

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

    1. Shakib Expert Author Post Creator says:
      ?❤️
    1. Shakib Expert Author Post Creator says:
      Thanks for your contribution ?
    1. Shakib Expert Author Post Creator says:
      ?
    1. Shakib Expert Author Post Creator says:
      ?❤️
  1. Md Rakib Uddin Contributor says:
    What a amazing affect… thanks for show
    1. Shakib Expert Author Post Creator says:
      thanks for your contribution
  2. Abdus Sobhan Author says:
    bro apnar sathe aktu kaj ache amar number nai tai telegram a kotha bolte parbo na a chara kono vabe ki apnar sathe connect houya jabe (imo,whatsapp e.t.c tei number lage agulo bade)
    1. Shakib Expert Author Post Creator says:
      Mail Korte paren— [email protected]
    2. Shakib Expert Author Post Creator says:
      messenger এ না গিয়ে telegram এ move করছি কারণ telegram এ অনেক features আছে Group controlling এর
      তাই?
    3. Abdus Sobhan Author says:
      check mail

      asole ami vurtual bastobotar ostitto rakhte chaina tai kono number use kori na

    4. Shakib Expert Author Post Creator says:
      solved?
  3. shuvo Contributor says:
    Zip akare dile valo hoito
    1. Shakib Expert Author Post Creator says:
      code পাওয়ার জন্য, ঐ নামে ক্লিক করলেই html code edit করতে পারবেন অনলাইনেই, তবুও আমি সব code একসাথে drive এ upload করে দিচ্ছি?
  4. ashraful_ameen Contributor says:
    Thanks For share
    1. Shakib Expert Author Post Creator says:
      Welcome for Your Contribution

Leave a Reply