今天小編給大家分享一下css怎么使用scale()方法進行縮放的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創新互聯主打移動網站、成都網站設計、網站制作、網站改版、網絡推廣、網站維護、申請域名、等互聯網信息服務，為各行業提供服務。在技術實力的保障下，我們為客戶承諾穩定，放心的服務，根據網站的內容與功能再決定采用什么樣的設計。最后，要實現符合網站需求的內容、功能與設計，我們還會規劃穩定安全的技術方案做保障。

1、縮放是指縮放和放大。在CSS3中，我們可以使用scale()方法根據中心點縮放元素。

2、三種方法可以縮放scale()，scaleX(x)、scaleY(y)、scale(x,y)。

(1)scaleX(x)：元素僅水平縮放(X軸縮放)；

(2)scaleY(y)：元素僅垂直縮放(Y軸縮放)；

(3)scale(x,y)：元素水平方向和垂直方向同時縮放(X軸和Y軸同時縮放)；

實例

對元素進行縮放：
img{
        transition: .2s;}
    .img-wrapper:hover img{
        transform: scale(1.2);
    }
      scaleX()水平方向
      scaleY()垂直方向
      scale()雙方向

以上就是“css怎么使用scale()方法進行縮放”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創新互聯行業資訊頻道。

當前名稱：css怎么使用scale()方法進行縮放
地址分享：http://www.yijiale78.com/article34/jcecse.html

成都網站建設公司_創新互聯，為您提供網站內鏈、網站收錄、網站維護、動態網站、、靜態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯