/image%2F0125000%2F201304%2Fob_47895faddaed68a2ed7ebf13bab273a7_scraplex-circle-white.png)
CSS3のanimationを使ったWebKit系対応の画像スライドの作り方｜Webpark http://t.co/9ai8dyiQ
September 07, 2012
Advertising
/http%3A%2F%2Fblog-imgs-42-origin.fc2.com%2Fw%2Fe%2Fb%2Fweboook%2Fimg-slide.png)
CSS3のanimationを使ったWebKit系対応の画像スライドの作り方｜Webpark
img-slide { width: 980px; margin:50px auto; position: relative; } #img-slide a img { position: absolute; box-shadow: 0px 5px 15px rgba(0,0,0,0.7), 20px 10px 30px rgba(0,0,0,0.7), -20px 10px 30px rgba(0,0,0,0.7); border: 0; } #img1 { -webkit-animation: 'slide' 16s ease 0s infinite normal } #img2 { -webkit-animation: 'slide' 16s ease -4s infinite normal