在我的网站（www.ricpedrotti.com）中，我使用PrettyPhoto进行幻灯片演示。我想通过用css3和最多Java替换它来减轻和加快速度。 我可以单独制作幻灯片并使用悬停来放大图像，但是我无法在放映过程中自动放大图像。 我的问题是：如何合并这两种效果（就像在PrettyPhoto中一样）？ 附言我愿意和充满激情，但不是很熟练...
非常感谢您的回复。我添加我的代码，希望不是这样 原始，并且img上传正确。
<link rel="stylesheet" href='css/stile.css' type="text/css" /><link href="css/stile.css" rel="stylesheet" type="text/css" /><div class="grow"><div class="container"> ![image1]="1.jpg"> ![image2]="2.jpg"> ![image3]="3.jpg"> ![image4]="4.jpg"> ![image3]="3.jpg"> ![image2]="2.jpg"> ![image1]="1.jpg"> ![image4]="4.jpg"></div>
.container { position:relative; } .container img { position:absolute; width:350px; height:150px } div { margin:200px 250px; width:600px; height:300px; background:white; transition:all 2s ease ; } .grow:hover { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } @-webkit-keyframes xfade { 0% { opacity: 1; } 12.5% { opacity:1; } 16.5% { opacity:0; } 96% { opacity:0; } 100% { opacity:1; } } @keyframes xfade { 0% { opacity: 1; } 12.5% { opacity:1; } 16.5% { opacity:0; } 96% { opacity:0; } 100% { opacity:1; } } .container img:nth-child(8) { -webkit-animation: xfade 48s 0s infinite; animation: xfade 48s 0s infinite; } .container img:nth-child(7) { -webkit-animation: xfade 48s 6s infinite; animation: xfade 48s6s infinite; } .container img:nth-child(6) { -webkit-animation: xfade 48s 12s infinite; animation: xfade 48s 12s infinite; } .container img:nth-child(5) { -webkit-animation: xfade 48s 18s infinite; animation: xfade 48s 18s infinite; } .container img:nth-child(4) {
-webkit-animation：xfade 48s 24s infinite；动画：xfade 48s 24s infinite； } .container img：nth-child（3）{-webkit-animation：xfade 48s 30s infinite;动画：xfade 48s 30s infinite； } .container img：nth-child（2）{-webkit-animation：xfade 48s 36s infinite;动画：xfade 48s 36s infinite； } .container img：nth-child（1）{-webkit-animation：xfade 48s42s infinite;动画：xfade 120s 48s 42s infinite； }