28 lines
861 B
HTML
28 lines
861 B
HTML
<style>
|
|
div {
|
|
width: 100px;
|
|
height: 100px;
|
|
margin: 5px;
|
|
display: inline-block;
|
|
border: 1px solid black;
|
|
box-sizing: border-box;
|
|
}
|
|
.normal {
|
|
background-image: -webkit-named-image(wireless-playback);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.mask {
|
|
-webkit-mask-image: -webkit-named-image(wireless-playback);
|
|
-webkit-mask-size: 100% 100%;
|
|
background-color: blue;
|
|
}
|
|
</style>
|
|
<div class="normal" ></div>
|
|
<div class="normal" style="background-size: 50px 50px"></div>
|
|
<div class="normal" style="background-size: 50px 50px; background-position: 50% 50%"></div>
|
|
<div class="normal" style="width: 150px"></div>
|
|
<div class="normal" style="height: 150px"></div>
|
|
<div class="normal" style="width: 200px; height: 200px; background-repeat: repeat; background-size: 50px 50px"></div>
|
|
<div class="mask"></div>
|