<template>
<div class="hello">
<div class="img" :src="src"></div>
</div>
</template>
<script>
export default {
data(){
return{
src:"",
}
}}
</script>
<style scoped>
.img{
width: 200px;
height: 200px;
overflow: hidden;
}
.img img{
width: 100%;
cursor: pointer;
transition:0.6s;
}
.img img:hover{
//鼠标放上去放大
transform: scale(1.2,1.2);
}
</style>
【css】css-transform: scale(1.2,1.2);鼠标放上去图片变大
于 2021-10-01 23:03:42 首次发布