<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>IOS 7</title>
<style>
.ios7 {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
text-align: center;
background: #FFF;
box-shadow: inset 0 0 20px rgba(0, 0, 0, .1);
border-radius: 40px;
border: 1px solid #DDD;
}
.ios7 span {
position: absolute;
top: 0;
left: 0;
width: 250px;
height: 250px;
background: -webkit-radial-gradient(0 0, farthest-side, #24d88b, rgba(36, 216, 139, 0)), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(33%, #0881da), color-stop(66%, #9e48c5), color-stop(100%, #e5345e));
font:200 250px/250px"Helvetica Neue", sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="ios7">
<span>7</span>
</div>
</body>
</html>