Marquee Animation in css

by Mohan 2014-03-07 16:10:57

Marquee Animation in css





CSS Marquee



logo.png






<!doctype html>
<html>
<head>
<title>CSS Marquee</title>
<style type="text/css">
#p11 {
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
-moz-animation-name: slidein;
-webkit-animation-name: slidein;
}

@-moz-keyframes slidein {
from {
margin-left:100%;
width:300%
}

75% {
font-size:300%;
margin-left:25%;
width:150%;
}

to {
margin-left:0%;
width:100%;
}
}

@-webkit-keyframes slidein {
from {
margin-left:100%;
width:300%
}

75% {
font-size:300%;
margin-left:25%;
width:150%;
}

to {
margin-left:0%;
width:100%;
}
}

</style>
</head>
<body>
<div id="p11"><img src="logo.jpg" /></div>
</body>
</html>



512
like
0
dislike
0
mail
flag

You must LOGIN to add comments