<!DOCTYPE HTML> | |
<html> | |
<head> | |
<style> | |
div { | |
width: 200px; | |
height: 200px; | |
transform: rotateY(30deg) rotateX(-30deg); | |
background: rgba(200, 200, 156, 1); | |
} | |
body { | |
background: green; | |
} | |
</style> | |
<!-- Test to validate that background blending is working properly for hardware accelerated elements. | |
This also validates that background layers don't blend with any of the content below the accelerated element. --> | |
</head> | |
<body> | |
<div></div> | |
</body> |