Where can I access free css code of slides?

Asked By 20 points N/A Posted on -
qa-featured

I have completely done a project in web designing using PHP but the appearance needs to be improved and CSS is the choice I have. Are free CSS codes of slide available and where can i access them?

 

SHARE
Answered By 0 points N/A #144749

Where can I access free css code of slides?

qa-featured

Hi Mellisa,

It sounds good that you have been done with your project as you want to improve the appearance using CSS therefore just try this below code of CSS.to get the improved appearance and make changes accordingly in the given code.Css is always the first choice of web-developers.It is quite comfortable to deal with.

@-webkit-keyframes fade {
0% { opacity:0; -webkit-transform:translate(180px,60px) scale(2.00); }
15% { opacity:1; -webkit-transform:translate(80px,160px) scale(1.80); }
30% { opacity:0.5; -webkit-transform:translate(40px,80px) scale(1.40); }
40% { opacity:0; -webkit-transform:translate(0px,0px) scale(1.00); }
100% { opacity:0; }
}
@-moz-keyframes fade {
0% { opacity:0;-moz-transform:translate(180px,60px) scale(2.00); }
15% { opacity:1;-moz-transform:translate(80px,160px) scale(1.80); }
30% { opacity:0.5;-moz-transform:translate(40px,80px) scale(1.40); }
40% { opacity:0;-moz-transform:translate(0px,0px) scale(1.00); }
100% { opacity:0; }
}

#CSS3Slideshow, #CSS3Slideshow img { position:absolute }
#CSS3Slideshow {
overflow:hidden;
top:0px;
left:0px;
width:320px;
height:480px;
}

#CSS3Slideshow img { opacity:0; -webkit-animation:fade 24s linear infinite; -moz-animation:fade 24s linear infinite; }
#CSS3Slideshow .img2 { -webkit-animation-delay:6s; -moz-animation-delay:6s;}
#CSS3Slideshow .img3 { -webkit-animation-delay:12s; -moz-animation-delay:12s;}
#CSS3Slideshow .img4 { -webkit-animation-delay:18s; -moz-animation-delay:18s;}

 

Thanks,

Allen

Login/Register to Answer

Related Questions