Here the picture is very characteristic, below has the demonstration picture style
<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> <title></title> <styletype= "Text/css">Body{background:#EF7148; }. Icon{width:185px;Height:185px;background:url (' img/html5icon.png ') Center Center no-repeat;margin:100px Auto 0 Auto; }img{cursor:Pointer;Animation:scaleout 1.3s Infinite ease-in-out; }@keyframes scaleout{0% {Transform:Scale (1.0);-webkit-transform:Scale (1.0); }100%{Transform:Scale (1.1);-webkit-transform:Scale (1.1);Opacity:0; } } </style></Head><Body> <Divclass= "icon"> <ahref="#"><imgsrc= "Img/html5icon.png"></a> </Div></Body></HTML>
CSS3 Animated picture Ripple effect