文章/答案/技术大牛

发布

社区首页 >问答首页 >在纯CSS中只缩放图像的特定部分

问在纯CSS中只缩放图像的特定部分
EN

Stack Overflow用户

提问于 2014-02-04 22:55:52

回答 1查看 7.2K关注 0票数 1

我有一个宽度为800，高度为300像素的div。

我还有一个.svg图像，它被设置为这个div的背景图像，使用css3动画，我使这个图像从左向右滚动，无限期地(这是一个景观)和包装。

我想在这个div中间放一个圆圈，并使这个圆圈的内部“放大”背景。我很想要这个纯CSS。

我试过一些遮掩和剪裁，但似乎什么也做不到。

在当前的CSS规范中，这是可能的吗？JavaScript解决方案也是可以接受的。

这里有一张图片展示了我的意思：

如果你仔细看，你可以看到中间有一个圆圈，它会放大后面的云，就像透过放大镜看一样。

javascript

html

css

回答 1

Stack Overflow用户

发布于 2014-02-05 01:39:56

把你的缩放div扔到图片div，并给它一个更大版本的同一图像的背景图像。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21565304

复制

相似问题

问在纯CSS中只缩放图像的特定部分
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在纯CSS中只缩放图像的特定部分EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在纯CSS中只缩放图像的特定部分
EN