Author Topic: CSS coding for Image Animation  (Read 1801 times)

0 Members and 1 Guest are viewing this topic.

maelas

  • Youngling
  • *
  • Posts: 34
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Maelas
CSS coding for Image Animation
« on: August 25, 2014, 03:22:04 AM »
Hello,

Would anyone happen to know a css code for making an image slide in from top to bottom or from right to left when a donation is made? Searching online is getting me close but I think I am just not searching for the right thing.

Thanks!

Dante557

  • Advisor
  • Councilor
  • **
  • Posts: 555
  • Karma: +26/-0
  • Sometimes Helpful, Sometimes Not :D
    • View Profile
    • My Twitch Page
  • Twitch Name: Dante557
Re: CSS coding for Image Animation
« Reply #1 on: August 25, 2014, 03:31:27 AM »
This should get you on your way http://www.w3schools.com/css/css3_animations.asp

You will probably need to create a local copy of the deepbot chat HTML page if you want to do anything advanced though. Have a look into jQuery animations. That should make the effect easier to implement
If you need to get through to me you can try to contact me on Twitter @ http://www.twitter.com/dante556

maelas

  • Youngling
  • *
  • Posts: 34
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Maelas
Re: CSS coding for Image Animation
« Reply #2 on: August 25, 2014, 03:40:28 AM »
Awesome! thanks!

ExpertsOnline

  • Creator
  • Councilor
  • *****
  • Posts: 2656
  • Karma: +289/-24
    • View Profile
  • Twitch Name: expertsonline
Re: CSS coding for Image Animation
« Reply #3 on: August 25, 2014, 10:46:20 PM »
Let me know if you need any specific help.