背景圖由中點開始放大方法

時間 2019-11-21

標籤背景中點開始放大方法简体版

原文原文鏈接

       .zoom {
           width: 300px;
           height: 300px;
           border: 1px solid #CCC;
           margin: 100px auto;
           background-image: url(./images/bg.jpg);
           background-position: center;
           background-size: 100% auto;
           position: relative;
           transition: all 1.5s;
       }spa

       .zoom:hover {
           background-size: 120% auto;
       }
   </style>
</head>
<body>
   <div class="zoom"></div>
</body>it