IHYPRESS PROGRAMMING
CSS examples with code and output for beginners
c programming
HOME | ASP | C | CSS | GNUPLOT | HTML | JAVASCRIPT | PERL | PHP | PYTHON | RUBY | SVG
CSS ❯ Animation
<13>
<!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8"> <title>Animation</title> <style> div.anim {position:relative; animation:anim1 5s linear 2s infinite alternate; color:white; width:200px; height:300px;} @keyframes anim1 { 0% {background:red; left:0px; top:0px;} 33% {background:yellow; left:600px; top:0px;} 66% {background:green; left:0px; top:100px;} 100% {background:red; left:0px; top:0px;} } </style> </head> <body> <div class="anim">Animation effect<br><img src="images/catsup.jpg" alt="world's largest catsup bottle"></div> </body> </html>
Hergestellt in Deutschland / Made in Germany
Animation
Animation effect
world's largest catsup bottle
COPYRIGHT © 2015-2024 IHY PRESS Frankfurt am Main 60329 Deutschland