CSS3-2D效果

最新推荐文章于 2025-07-06 13:38:59 发布

原创最新推荐文章于 2025-07-06 13:38:59 发布 · 157 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

30 篇文章

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
        .box {width: 100px;height: 100px;background: url(../img/1.jpg);transition-property: width,height,background;
        transition-duration: 2s;transition-timing-function: linear;transition-delay: 2s;}
        .box:hover { width:500px;height:500px;background: url(../img/2.jpg);}
        </style>
    </head>
    <body>
        <div class="box"></div>
    </body>
</html>

在这里插入图片描述