<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Simple linear gradients</title>
<style type="text/css">

body > div {float: left; margin: 20px;}
div.clip {padding: 40px; overflow: hidden;}
div.contain {position: relative;}
div.ex01 {width: 300px; height: 200px;}
div.ex02 {width: 200px; height: 200px;}
div.ex03 {width: 200px; height: 300px;}

div.gradline, div.perpend {
	background-image: linear-gradient(
		to right, #4097FF, #FFBE00, #4097FF
	);
}
div[class^="perpend"], div.gradline {
	positio