如何使做的鼠标浮上放大等效果 自然 更真实

在做网页的时候 少不了  做各种鼠标浮上时的动画， 那么如何让自己写的动画 也不生硬 看着更真实？

给你的动画加上  transition 过度

<div>
   <img src='你的图片路径'>
</div>
<style>
div{  
                width: 300px;  
                height: 300px;  
                border: #000 solid 1px;  
                margin: 50px auto;  
                overflow: hidden;  
            }  
            div img{  
                cursor: pointer;  
                transition: all 0.4s;  
            }  
            div img:hover{  
                transform: scale(1.4);  
            }  
</style>