Flip picture with HTML5

<!DOCTYP html>

<html>

<head>

<style type=""text/css">

div

{

width: 100px;

height: 300px;

background-color: #ff0000;

border: 1px solid #000000;

-webkit-animation: myframe1 10s;

}

@-webkit-keyframes myframe1

{

from {-webkit-transform: rotateX(0deg);}

to {-webkit-transform: rotateX(360deg);}

}

</style>

</head>

<body>

<div>Test border</div>

</body>

<html>

flip