放大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的背景图像

回答

相关问题