background-blending-background-clip-padding-box.html

Enable keyboard shortcuts

<!-- Blend a background image and a background color specifying background-clip: padding-box  -->

<!DOCTYPE HTML>

<html>

<head>

<style>

div {

  padding: 8.5px;

  margin: 0 0 9px;

  background: url('as-image/white_square.svg'),  #777777;

  background-clip: padding-box;

  width: 200px;

  height: 200px;

  margin: 10px;

  background-blend-mode: multiply;

</style>

</head>

<body>

    <div></div>

</body>

</html>