CSS3 Animation

Hi guys

I found this code from Google.

CSS:

Question: 

1) How can I make the code auto-change background images after 4 hours? - CSS only, i don't want to use mayny script
2) About element 'background-size:cover',

I added some images in the code with 1366x768 resolution, and tried my page on a PC with 1600x900 resolution. When the background have been changed, it left a #FFF background-color on right & bottom. 
Is there anyway to fix it?

Thanks for reading, hope you can help

Live Demo: HERE

Hello sarkzkalie01,

It is possible to set the animation duration to a long time, however, this will be reset every time you move to another page. CSS is only able to manipulate the style of the current page, it lacks the ability to cache data or set cookies which would be necessary for what you want to do.

To have a background fit to the view point of the user, use the background-size property.

Code:

body { background-size:100% }

You made my day :3 Thanks

Code:

0%  {background: url('http://i.imgur.com/Ad8dAjk.jpg');background-size:100%;}

You're welcome

Topic archived

Have a nice day.