A CodePen by Shaun Kardinal. CSS 3D Nyanaglyph - just cross your eyes, dummy!

index.html

<div class="cyan">
  <div></div>
</div>

<div class="red">
  <div></div>
</div>

script.js

// just cross your eyes, dummy!

style.css

* {
  padding: 0;
  border: 0;
  margin: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,body {
	width: 100%;
	height: 100%;
}

body {
	background: #000;
	border: 20px solid #000;
}

body > div {
	margin-top: 5%;
	width: 50%;
	height: 60%;
	border: 10px solid #000;
	background: url(http://26.media.tumblr.com/tumblr_lvghh4EJMR1qkjr6no1_500.gif);

	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
}

div {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.cyan {
	float: left;
}

.red {
	margin-left: 50%;
}

div > div {
	width: 100%;
	height: 100%;
}

.cyan > div {
	background: rgba(0,255,255,.75);
}

.red > div {
	background: rgba(255,0,0,.75);
}