放大CSS3的背景圖像

我試圖做出像這個網站http://iworks.ozythemes.com，但與css3輕柔縮放背景。我試圖用身體上的規模進行轉化，但隨後所有的規模都會擴大，這是我不想要的。放大CSS3的背景圖像

任何線索？

來源

2013-03-20 Robin Cox

background-size CSS3屬性怎麼樣？

您可以使用javascript來更改它的值。

來源

2013-03-20 11:53:41 Rob

好idéa...我會試試 – 2013-03-20 12:07:59

感謝羅布。我用純css3製作了它： body body { } background：url（../ img/backPic.jpg）no-repeat fixed center; -webkit-animation：警告20s無限釋放; } @ -webkit關鍵幀警告{ \t 0％{ \t \t背景尺寸：100％; \t} \t 50％{ \t \t background-size：140％; \t} \t 100％{ \t \t background-size：100％; \t} } 由於前綴-webkit-它只能在Chrome和Safari中使用，但是通過實現其他供應商前綴，它也適用於它們。 – 2013-03-20 12:17:13

不幸的是，目前沒有辦法使用css縮放背景圖片，也許你可以嘗試background-size：cover;以適應背景圖像。

來源

2013-03-20 11:58:55

放大CSS3的背景圖像

回答

相關問題