CSS3 Window Effect

by sammy

HTML

<div></div>

CSS

div {
    background: url(http://www.py4d.com/doc/_images/messagedialog.png);
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition: 150ms linear;
    opacity: 0;
    -webkit-transform: scale(.9);
    width: 462px;
    height: 195px;
}
html, body {
    height: 100%;
    padding: 0px;
}
body:hover div {
    opacity: 1;
    -webkit-transform: scale(1);
}