鼠标悬停,图片放大特效

.container8 img:hover{
     
				z-index: 1;
				transform: scale(1.3);
			}
			.container8 img{
     
				transition: all .8s ease
			}
<div id="list8">
			<section class="container8">
						<img src="./img/0.jpg" alt="">
						<article class="article8">
							<h3>四重奏蛋糕</h3>
							<text>
								
			盒子上娇艳欲滴的红宝石,令人无法移开目光。像潘多拉的盒子,吸引好奇的味蕾。清脆的声音,没有惊醒少女的梦。(鲜果因时令季节变化,会做适当调整)
							</text>
							<br><br>
							<text>
								材料:千层酥皮、草莓、戚风蛋糕胚、卡仕达奶油
							</text>
							<br><br> 
							<text>包装信息:一次性蛋糕用具1</text><br> 
							<p class="money8">¥336</p>
						</article>
						
					</section>
			
		</div>
		

你可能感兴趣的:(前端)