HTML CSS examples for CSS Animation:Image
Enlarge and shrink image animation
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .carousel-inner {<!-- www .j av a2 s .c om--> position: relative; overflow: hidden; width: 100%; height: 100vh; } .item{ background-image: url(https://www.java2s.com/style/demo/InternetExplorer.png); background-position: right bottom; background-size: 100% 100%; animation: wdszoom0 5s linear 0s infinite alternate; -webkit-animation-delay:0s; animation-delay: 0s; position: absolute; height: 100%; width: 100%; display: block; top: 0; right: 0; overflow-x: hidden; } @-webkit-keyframes wdszoom0 { 100% { transform: scale(1.1) }} </style> </head> <body> <div class="carousel-inner"> <div class="item black" style="animation-play-state: running;"> </div> </div> </body> </html>