portfolio startpage
my portfolio startpage
by voodoomonkey
HTML
<table id="wrapper">
<tr>
<td><img src="https://dl.dropboxusercontent.com/u/97182346/text.png"></td>
</tr>
</table>
<div id="trapezoid"></div>
CSS
body {
background-color:#282928;
padding:0;
margin:0;
}
html, body, #wrapper {
height:100%;
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
#wrapper td {
vertical-align: middle;
text-align: center;
-moz-box-shadow: inset 0 0 50px #000000;
-webkit-box-shadow: inset 0 0 50px #000000;
box-shadow: inset 0 0 50px #000000;
background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);
}
#wrapper img{
width: 50%;
height:auto;
max-width:750px;
min-width:250px;
}