<!DOCTYPE html>
<style>div { width: 100px; height: 100px } </style>
<div style="-webkit-transform: rotateX(180deg); -webkit-transform-style: preserve-3d; background: green">
  <div style="-webkit-backface-visibility: hidden; background: red;"></div>
</div>