kaspers,
для медитации
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body{
background-color: rgb(169, 169, 169);
}
div {
overflow: hidden;
background-image: url(https://static.wixstatic.com/media/d621e7_301b7cd9301547bb9bcde08ab22669c8.png/v1/fill/w_727,h_257,al_c,lg_1/d621e7_301b7cd9301547bb9bcde08ab22669c8.png);
width: 727px;
height: 257px;
-webkit-animation: width 5s ease-in-out infinite forwards;
-moz-animation: width 5s ease-in-out infinite forwards;
-o-animation: width 5s ease-in-out infinite forwards;
animation: width 5s ease-in-out infinite forwards;
}
@keyframes width {
0%{
width: 0;
}
100%{
width: 727px;
}
}
@-webkit-keyframes color {
0%{
width: 0;
}
100%{
width: 727px;
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>
|