首页 > 鼠标键盘 >

放大的过程是有过渡的，这个时间可以自定义

电脑杂谈　发布时间：2021-02-02 21:09:07　来源：网络整理

CSS3意识到当鼠标移动到图片时图片会变大（慢慢变大，具有过渡效果，缩放过程是的，过渡时间可以自定义）类别：CSS3HTML5

DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>title>  
        <style type="text/css">  
            div{  
                width: 300px;  
                height: 300px;  
                border: #000 solid 1px;  
                margin: 50px auto;  
                overflow: hidden;  
            }  
            div img{  
                cursor: pointer;  
                transition: all 0.6s;  
            }  
            div img:hover{  
                transform: scale(1.4);  
            }  
        style>  
    head>  
    <body>  
        <div>  
            <img src="img/focus.png" />  
        div>  
    body>  
html>