Blitz - WPT: box-shadow-calc.html

wpt / css / css-backgrounds / box-shadow-calc.html

/css/css-backgrounds/box-shadow-calc.html

<!DOCTYPE html>
<link rel="author" title="Antoine Quint" href="mailto:graouts@apple.com" />
<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-box-shadow" />
<link rel="match" href="box-shadow-calc-ref.html" />
<meta name="assert" content="Test checks whether box-shadow supports calc() values.">
<style type="text/css">
div {
  width: 100px;
  height: 100px;
  background-color: blue;
  box-shadow: calc(1em + 10px) calc(2em + 11px) calc(3em + 12px) black;
}
</style>
<div>
</div>

/css/css-backgrounds/box-shadow-calc-ref.html

<!DOCTYPE html>
<style type="text/css">
div {
  width: 100px;
  height: 100px;
  background-color: blue;
  box-shadow: 26px 43px 60px black;
}
</style>
<div>
</div>