CSS ClickAnimate
New
Open
Close
Animate
Close Animation

NAME OF FILE

OK
Close

NAME OF FILE

OK
Close

ADD IMAGES URL BETWEEN THE QUOTATIONS

@keyframes animation { 0.0% { background-image: url(''); } 0.2% { background-image: url(''); } 0.4% { background-image: url(''); } 0.6% { background-image: url(''); } 0.8% { background-image: url(''); } 1.0% { background-image: url(''); } 1.2% { background-image: url(''); } 1.4% { background-image: url(''); } 1.6% { background-image: url(''); } 1.8% { background-image: url(''); } 2.0% { background-image: url(''); } 2.2% { background-image: url(''); } 2.4% { background-image: url(''); } 2.6% { background-image: url(''); } 2.8% { background-image: url(''); } 3.0% { background-image: url(''); } 3.2% { background-image: url(''); } 3.4% { background-image: url(''); } 3.6% { background-image: url(''); } 3.8% { background-image: url(''); } 4.0% { background-image: url(''); } 4.2% { background-image: url(''); } 4.4% { background-image: url(''); } 4.6% { background-image: url(''); } 4.8% { background-image: url(''); } 5.0% { background-image: url(''); } 5.2% { background-image: url(''); } 5.4% { background-image: url(''); } 5.6% { background-image: url(''); } 5.8% { background-image: url(''); } 6.0% { background-image: url(''); } 6.2% { background-image: url(''); } 6.4% { background-image: url(''); } 6.6% { background-image: url(''); } 6.8% { background-image: url(''); } 7.0% { background-image: url(''); } 7.2% { background-image: url(''); } 7.4% { background-image: url(''); } 7.6% { background-image: url(''); } 7.8% { background-image: url(''); } 8.0% { background-image: url(''); } 8.2% { background-image: url(''); } 8.4% { background-image: url(''); } 8.6% { background-image: url(''); } 8.8% { background-image: url(''); } 9.0% { background-image: url(''); } 9.2% { background-image: url(''); } 9.4% { background-image: url(''); } 9.6% { background-image: url(''); } 9.8% { background-image: url(''); } 10.0% { background-image: url(''); } 10.2% { background-image: url(''); } 10.4% { background-image: url(''); } 10.6% { background-image: url(''); } 10.8% { background-image: url(''); } 11.0% { background-image: url(''); } 11.2% { background-image: url(''); } 11.4% { background-image: url(''); } 11.6% { background-image: url(''); } 11.8% { background-image: url(''); } 12.0% { background-image: url(''); } 12.2% { background-image: url(''); } 12.4% { background-image: url(''); } 12.6% { background-image: url(''); } 12.8% { background-image: url(''); } 13.0% { background-image: url(''); } 13.2% { background-image: url(''); } 13.4% { background-image: url(''); } 13.6% { background-image: url(''); } 13.8% { background-image: url(''); } 14.0% { background-image: url(''); } 14.2% { background-image: url(''); } 14.4% { background-image: url(''); } 14.6% { background-image: url(''); } 14.8% { background-image: url(''); } 15.0% { background-image: url(''); } 15.2% { background-image: url(''); } 15.4% { background-image: url(''); } 15.6% { background-image: url(''); } 15.8% { background-image: url(''); } 16.0% { background-image: url(''); } 16.2% { background-image: url(''); } 16.4% { background-image: url(''); } 16.6% { background-image: url(''); } 16.8% { background-image: url(''); } 17.0% { background-image: url(''); } 17.2% { background-image: url(''); } 17.4% { background-image: url(''); } 17.6% { background-image: url(''); } 17.8% { background-image: url(''); } 18.0% { background-image: url(''); } 18.2% { background-image: url(''); } 18.4% { background-image: url(''); } 18.6% { background-image: url(''); } 18.8% { background-image: url(''); } 19.0% { background-image: url(''); } 19.2% { background-image: url(''); } 19.4% { background-image: url(''); } 19.6% { background-image: url(''); } 19.8% { background-image: url(''); } 20.0% { background-image: url(''); } 20.2% { background-image: url(''); } 20.4% { background-image: url(''); } 20.6% { background-image: url(''); } 20.8% { background-image: url(''); } 21.0% { background-image: url(''); } 21.2% { background-image: url(''); } 21.4% { background-image: url(''); } 21.6% { background-image: url(''); } 21.8% { background-image: url(''); } 22.0% { background-image: url(''); } 22.2% { background-image: url(''); } 22.4% { background-image: url(''); } 22.6% { background-image: url(''); } 22.8% { background-image: url(''); } 23.0% { background-image: url(''); } 23.2% { background-image: url(''); } 23.4% { background-image: url(''); } 23.6% { background-image: url(''); } 23.8% { background-image: url(''); } 24.0% { background-image: url(''); } 24.2% { background-image: url(''); } 24.4% { background-image: url(''); } 24.6% { background-image: url(''); } 24.8% { background-image: url(''); } 25.0% { background-image: url(''); } 25.2% { background-image: url(''); } 25.4% { background-image: url(''); } 25.6% { background-image: url(''); } 25.8% { background-image: url(''); } 26.0% { background-image: url(''); } 26.2% { background-image: url(''); } 26.4% { background-image: url(''); } 26.6% { background-image: url(''); } 26.8% { background-image: url(''); } 27.0% { background-image: url(''); } 27.2% { background-image: url(''); } 27.4% { background-image: url(''); } 27.6% { background-image: url(''); } 27.8% { background-image: url(''); } 28.0% { background-image: url(''); } 28.2% { background-image: url(''); } 28.4% { background-image: url(''); } 28.6% { background-image: url(''); } 28.8% { background-image: url(''); } 29.0% { background-image: url(''); } 29.2% { background-image: url(''); } 29.4% { background-image: url(''); } 29.6% { background-image: url(''); } 29.8% { background-image: url(''); } 30.0% { background-image: url(''); } 30.2% { background-image: url(''); } 30.4% { background-image: url(''); } 30.6% { background-image: url(''); } 30.8% { background-image: url(''); } 31.0% { background-image: url(''); } 31.2% { background-image: url(''); } 31.4% { background-image: url(''); } 31.6% { background-image: url(''); } 31.8% { background-image: url(''); } 32.0% { background-image: url(''); } 32.2% { background-image: url(''); } 32.4% { background-image: url(''); } 32.6% { background-image: url(''); } 32.8% { background-image: url(''); } 33.0% { background-image: url(''); } 33.2% { background-image: url(''); } 33.4% { background-image: url(''); } 33.6% { background-image: url(''); } 33.8% { background-image: url(''); } 34.0% { background-image: url(''); } 34.2% { background-image: url(''); } 34.4% { background-image: url(''); } 34.6% { background-image: url(''); } 34.8% { background-image: url(''); } 35.0% { background-image: url(''); } 35.2% { background-image: url(''); } 35.4% { background-image: url(''); } 35.6% { background-image: url(''); } 35.8% { background-image: url(''); } 36.0% { background-image: url(''); } 36.2% { background-image: url(''); } 36.4% { background-image: url(''); } 36.6% { background-image: url(''); } 36.8% { background-image: url(''); } 37.0% { background-image: url(''); } 37.2% { background-image: url(''); } 37.4% { background-image: url(''); } 37.6% { background-image: url(''); } 37.8% { background-image: url(''); } 38.0% { background-image: url(''); } 38.2% { background-image: url(''); } 38.4% { background-image: url(''); } 38.6% { background-image: url(''); } 38.8% { background-image: url(''); } 39.0% { background-image: url(''); } 39.2% { background-image: url(''); } 39.4% { background-image: url(''); } 39.6% { background-image: url(''); } 39.8% { background-image: url(''); } 40.0% { background-image: url(''); } 40.2% { background-image: url(''); } 40.4% { background-image: url(''); } 40.6% { background-image: url(''); } 40.8% { background-image: url(''); } 41.0% { background-image: url(''); } 41.2% { background-image: url(''); } 41.4% { background-image: url(''); } 41.6% { background-image: url(''); } 41.8% { background-image: url(''); } 42.0% { background-image: url(''); } 42.2% { background-image: url(''); } 42.4% { background-image: url(''); } 42.6% { background-image: url(''); } 42.8% { background-image: url(''); } 43.0% { background-image: url(''); } 43.2% { background-image: url(''); } 43.4% { background-image: url(''); } 43.6% { background-image: url(''); } 43.8% { background-image: url(''); } 44.0% { background-image: url(''); } 44.2% { background-image: url(''); } 44.4% { background-image: url(''); } 44.6% { background-image: url(''); } 44.8% { background-image: url(''); } 45.0% { background-image: url(''); } 45.2% { background-image: url(''); } 45.4% { background-image: url(''); } 45.6% { background-image: url(''); } 45.8% { background-image: url(''); } 46.0% { background-image: url(''); } 46.2% { background-image: url(''); } 46.4% { background-image: url(''); } 46.6% { background-image: url(''); } 46.8% { background-image: url(''); } 47.0% { background-image: url(''); } 47.2% { background-image: url(''); } 47.4% { background-image: url(''); } 47.6% { background-image: url(''); } 47.8% { background-image: url(''); } 48.0% { background-image: url(''); } 48.2% { background-image: url(''); } 48.4% { background-image: url(''); } 48.6% { background-image: url(''); } 48.8% { background-image: url(''); } 49.0% { background-image: url(''); } 49.2% { background-image: url(''); } 49.4% { background-image: url(''); } 49.6% { background-image: url(''); } 49.8% { background-image: url(''); } 50.0% { background-image: url(''); } 50.2% { background-image: url(''); } 50.4% { background-image: url(''); } 50.6% { background-image: url(''); } 50.8% { background-image: url(''); } 51.0% { background-image: url(''); } 51.2% { background-image: url(''); } 51.4% { background-image: url(''); } 51.6% { background-image: url(''); } 51.8% { background-image: url(''); } 52.0% { background-image: url(''); } 52.2% { background-image: url(''); } 52.4% { background-image: url(''); } 52.6% { background-image: url(''); } 52.8% { background-image: url(''); } 53.0% { background-image: url(''); } 53.2% { background-image: url(''); } 53.4% { background-image: url(''); } 53.6% { background-image: url(''); } 53.8% { background-image: url(''); } 54.0% { background-image: url(''); } 54.2% { background-image: url(''); } 54.4% { background-image: url(''); } 54.6% { background-image: url(''); } 54.8% { background-image: url(''); } 55.0% { background-image: url(''); } 55.2% { background-image: url(''); } 55.4% { background-image: url(''); } 55.6% { background-image: url(''); } 55.8% { background-image: url(''); } 56.0% { background-image: url(''); } 56.2% { background-image: url(''); } 56.4% { background-image: url(''); } 56.6% { background-image: url(''); } 56.8% { background-image: url(''); } 57.0% { background-image: url(''); } 57.2% { background-image: url(''); } 57.4% { background-image: url(''); } 57.6% { background-image: url(''); } 57.8% { background-image: url(''); } 58.0% { background-image: url(''); } 58.2% { background-image: url(''); } 58.4% { background-image: url(''); } 58.6% { background-image: url(''); } 58.8% { background-image: url(''); } 59.0% { background-image: url(''); } 59.2% { background-image: url(''); } 59.4% { background-image: url(''); } 59.6% { background-image: url(''); } 59.8% { background-image: url(''); } 60.0% { background-image: url(''); } 60.2% { background-image: url(''); } 60.4% { background-image: url(''); } 60.6% { background-image: url(''); } 60.8% { background-image: url(''); } 61.0% { background-image: url(''); } 61.2% { background-image: url(''); } 61.4% { background-image: url(''); } 61.6% { background-image: url(''); } 61.8% { background-image: url(''); } 62.0% { background-image: url(''); } 62.2% { background-image: url(''); } 62.4% { background-image: url(''); } 62.6% { background-image: url(''); } 62.8% { background-image: url(''); } 63.0% { background-image: url(''); } 63.2% { background-image: url(''); } 63.4% { background-image: url(''); } 63.6% { background-image: url(''); } 63.8% { background-image: url(''); } 64.0% { background-image: url(''); } 64.2% { background-image: url(''); } 64.4% { background-image: url(''); } 64.6% { background-image: url(''); } 64.8% { background-image: url(''); } 65.0% { background-image: url(''); } 65.2% { background-image: url(''); } 65.4% { background-image: url(''); } 65.6% { background-image: url(''); } 65.8% { background-image: url(''); } 66.0% { background-image: url(''); } 66.2% { background-image: url(''); } 66.4% { background-image: url(''); } 66.6% { background-image: url(''); } 66.8% { background-image: url(''); } 67.0% { background-image: url(''); } 67.2% { background-image: url(''); } 67.4% { background-image: url(''); } 67.6% { background-image: url(''); } 67.8% { background-image: url(''); } 68.0% { background-image: url(''); } 68.2% { background-image: url(''); } 68.4% { background-image: url(''); } 68.6% { background-image: url(''); } 68.8% { background-image: url(''); } 69.0% { background-image: url(''); } 69.2% { background-image: url(''); } 69.4% { background-image: url(''); } 69.6% { background-image: url(''); } 69.8% { background-image: url(''); } 70.0% { background-image: url(''); } 70.2% { background-image: url(''); } 70.4% { background-image: url(''); } 70.6% { background-image: url(''); } 70.8% { background-image: url(''); } 71.0% { background-image: url(''); } 71.2% { background-image: url(''); } 71.4% { background-image: url(''); } 71.6% { background-image: url(''); } 71.8% { background-image: url(''); } 72.0% { background-image: url(''); } 72.2% { background-image: url(''); } 72.4% { background-image: url(''); } 72.6% { background-image: url(''); } 72.8% { background-image: url(''); } 73.0% { background-image: url(''); } 73.2% { background-image: url(''); } 73.4% { background-image: url(''); } 73.6% { background-image: url(''); } 73.8% { background-image: url(''); } 74.0% { background-image: url(''); } 74.2% { background-image: url(''); } 74.4% { background-image: url(''); } 74.6% { background-image: url(''); } 74.8% { background-image: url(''); } 75.0% { background-image: url(''); } 75.2% { background-image: url(''); } 75.4% { background-image: url(''); } 75.6% { background-image: url(''); } 75.8% { background-image: url(''); } 76.0% { background-image: url(''); } 76.2% { background-image: url(''); } 76.4% { background-image: url(''); } 76.6% { background-image: url(''); } 76.8% { background-image: url(''); } 77.0% { background-image: url(''); } 77.2% { background-image: url(''); } 77.4% { background-image: url(''); } 77.6% { background-image: url(''); } 77.8% { background-image: url(''); } 78.0% { background-image: url(''); } 78.2% { background-image: url(''); } 78.4% { background-image: url(''); } 78.6% { background-image: url(''); } 78.8% { background-image: url(''); } 79.0% { background-image: url(''); } 79.2% { background-image: url(''); } 79.4% { background-image: url(''); } 79.6% { background-image: url(''); } 79.8% { background-image: url(''); } 80.0% { background-image: url(''); } 80.2% { background-image: url(''); } 80.4% { background-image: url(''); } 80.6% { background-image: url(''); } 80.8% { background-image: url(''); } 81.0% { background-image: url(''); } 81.2% { background-image: url(''); } 81.4% { background-image: url(''); } 81.6% { background-image: url(''); } 81.8% { background-image: url(''); } 82.0% { background-image: url(''); } 82.2% { background-image: url(''); } 82.4% { background-image: url(''); } 82.6% { background-image: url(''); } 82.8% { background-image: url(''); } 83.0% { background-image: url(''); } 83.2% { background-image: url(''); } 83.4% { background-image: url(''); } 83.6% { background-image: url(''); } 83.8% { background-image: url(''); } 84.0% { background-image: url(''); } 84.2% { background-image: url(''); } 84.4% { background-image: url(''); } 84.6% { background-image: url(''); } 84.8% { background-image: url(''); } 85.0% { background-image: url(''); } 85.2% { background-image: url(''); } 85.4% { background-image: url(''); } 85.6% { background-image: url(''); } 85.8% { background-image: url(''); } 86.0% { background-image: url(''); } 86.2% { background-image: url(''); } 86.4% { background-image: url(''); } 86.6% { background-image: url(''); } 86.8% { background-image: url(''); } 87.0% { background-image: url(''); } 87.2% { background-image: url(''); } 87.4% { background-image: url(''); } 87.6% { background-image: url(''); } 87.8% { background-image: url(''); } 88.0% { background-image: url(''); } 88.2% { background-image: url(''); } 88.4% { background-image: url(''); } 88.6% { background-image: url(''); } 88.8% { background-image: url(''); } 89.0% { background-image: url(''); } 89.2% { background-image: url(''); } 89.4% { background-image: url(''); } 89.6% { background-image: url(''); } 89.8% { background-image: url(''); } 90.0% { background-image: url(''); } 90.2% { background-image: url(''); } 90.4% { background-image: url(''); } 90.6% { background-image: url(''); } 90.8% { background-image: url(''); } 91.0% { background-image: url(''); } 91.2% { background-image: url(''); } 91.4% { background-image: url(''); } 91.6% { background-image: url(''); } 91.8% { background-image: url(''); } 92.0% { background-image: url(''); } 92.2% { background-image: url(''); } 92.4% { background-image: url(''); } 92.6% { background-image: url(''); } 92.8% { background-image: url(''); } 93.0% { background-image: url(''); } 93.2% { background-image: url(''); } 93.4% { background-image: url(''); } 93.6% { background-image: url(''); } 93.8% { background-image: url(''); } 94.0% { background-image: url(''); } 94.2% { background-image: url(''); } 94.4% { background-image: url(''); } 94.6% { background-image: url(''); } 94.8% { background-image: url(''); } 95.0% { background-image: url(''); } 95.2% { background-image: url(''); } 95.4% { background-image: url(''); } 95.6% { background-image: url(''); } 95.8% { background-image: url(''); } 96.0% { background-image: url(''); } 96.2% { background-image: url(''); } 96.4% { background-image: url(''); } 96.6% { background-image: url(''); } 96.8% { background-image: url(''); } 97.0% { background-image: url(''); } 97.2% { background-image: url(''); } 97.4% { background-image: url(''); } 97.6% { background-image: url(''); } 97.8% { background-image: url(''); } 98.0% { background-image: url(''); } 98.2% { background-image: url(''); } 98.4% { background-image: url(''); } 98.6% { background-image: url(''); } 98.8% { background-image: url(''); } 99.0% { background-image: url(''); } 99.2% { background-image: url(''); } 99.4% { background-image: url(''); } 99.6% { background-image: url(''); } 99.8% { background-image: url(''); } 100.0% { background-image: url(''); }

GET HERE