.container
	.mover
View Compiled
$l: 5em;
$o: calc(50% - #{.5*$l});
$r: 1.35*$l;

body { margin: 0; }

.container {
	height: 100vh;
	background: linear-gradient(#1c9edc 50%,
				#a048b9 0) 100% / 50% 100% no-repeat,
		linear-gradient(#ee8c25 50%,
				#d14730 0);
	font-size: 5vmin;
}

.mover {
	position: absolute;
	top: $o; left: $o;
	width: $l; height: $l;
	border-radius: 50%;
	background: url(http://www.followmefoodie.com/wp-content/uploads/2011/09/pies-blackberry-l.jpg) 50%/ 134%;
	mix-blend-mode: overlay;
	animation: r 5s linear infinite;
}

@keyframes r {
	0% { transform: rotate(0turn) translate($r) }
	to { transform: rotate(1turn) translate($r) }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.