blob: d85de38146b2b9f832274f7b2fdc79a6b6f376b1 [file] [log] [blame]
<style>
.container {
position: relative;
background-color: silver;
padding: 25px;
width: 500px;
}
.apple-pay-button-div {
display :block;
margin: 25px;
height: 100px;
width: 400px;
}
.masker {
position: absolute;
width: 200px;
height: 80px;
background-color: blue;
}
.corner-mask {
position: absolute;
width: 20px;
height: 20px;
background-color: blue;
}
</style>
<div class="container">
<div style="background-color: black;" class="apple-pay-button-div"></div>
<div style="background-color: white;" class="apple-pay-button-div"></div>
<div class="masker" style="top: 60px; left: 150px"></div>
<div class="masker" style="top: 185px; left: 150px"></div>
<div class="corner-mask" style="top: 45px; left: 45px"></div>
<div class="corner-mask" style="top: 135px; left: 45px"></div>
<div class="corner-mask" style="top: 45px; left: 435px"></div>
<div class="corner-mask" style="top: 135px; left: 435px"></div>
<div class="corner-mask" style="top: 170px; left: 45px"></div>
<div class="corner-mask" style="top: 260px; left: 45px"></div>
<div class="corner-mask" style="top: 170px; left: 435px"></div>
<div class="corner-mask" style="top: 260px; left: 435px"></div>
</div>