使用CSS創建優雅的模態窗口尺度轉換

使用CSS創建優雅的模態窗口尺度轉換155
尺度轉換我們想要的模態窗口將顯示動畫。有兩個我們想做動畫,放大和縮小。當我們知道CSS屬性擴展元素使用轉換:規模(刻度值),有了這個屬性和過渡屬性,我們可以創建我們的放大和縮小動畫。模態窗口稱為window-container將純白色背景與光滑的黑色影子,而我們將使用的關閉按鈕樣式我們之前樣式表單元素像Google Chrome的偏好)。模態窗口也有0.4 0違約和不透明度值過渡和ease-out價值。如果放大動畫我們設置轉換值(1.2),而規??s小規模(0.7)。
.zoomin {      transform:  scale(1.2);  }        .zoomout {      transform:  scale(0.7);  }        .window-container-visible {      transform:  scale(1);      opacity: 1;  }  

也許你還喜歡

乱码理论卡一卡二新区网站_日本性感美女极致诱惑_亲爱的老师3高清中文播放_韩国美女主播在线观看