Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <style> .animatedImage { width: 200px; height: 280px; border: 1px solid black; object-fit: contain; object-position: top; animation: myAnimation 2s ease 1s infinite alternate; } @keyframes myAnimation { 50% { object-position: bottom; } } </style> <img class="animatedImage" src="/pix/samples/16m.jpg" alt="Beach photo">