鼠标移上放大效果

Original 2019-04-27 16:28:05 211
abstract:<html> <head>     <title>鼠标移上放大效果</title>     <script type="text/javascript" src="js/jquery.js"><
<html>
<head>
    <title>鼠标移上放大效果</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
    <style type="text/css">
        .pic{ width: 200px; height: 400px; margin: 150px auto;

        }
        .pic img:{
            border-radius: 15px;
            transition: all 0.5s;
        }
        .pic:hover img{
            transform: scale(1.5);
        }


    </style>
    <script type="text/javascript">


    </script>
</head>
    <body style="background-color: #ccc">
        <div class="pic">
            <img src="qq.png" border="3" style="box-shadow: 10px 10px 5px #ff6700; border: 3px solid #ff6700;">

        </div>



    </body>
</html>

QQ图片20190427162731.png

Correcting teacher:查无此人Correction time:2019-04-27 17:34:08
Teacher's summary:完成的不错,你这个星期作业都比较多呀,不错。继续加油。

Release Notes

Popular Entries