Jumbotron GRAB / ZOOM

Question

如何在超大屏幕内抓取或缩放图像？ JSFIDDLE

HTML：

<div class="page-header">
<h1>Jumbotron <small>how to make grabbale?</small></h1>
</div>
<div class="jumbotron" style="">
</div>

CSS：

.jumbotron {
    position: relative;
    background: #000 url("http://www.w3schools.com/images/w3schools_green.jpg") center center;
    width: 100%;
    height: 512px;
    background-size: cover;
    overflow: hidden;
}

Answer 1

您可以使用变换比例。

-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);