Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <style> img { float: left; width: 250px; height: 250px; border: 1px solid black; margin: 1em; image-rendering: pixelated; } .animatedImage { animation: myAnimation 2s ease 1s 1 forwards; } @keyframes myAnimation { 100% { image-rendering: crisp-edges; } } </style> <img class="animatedImage" src="/pix/bg/tiles/maze_black_and_white.png" alt="Sample image"> <img src="/pix/bg/tiles/maze_black_and_white.png" alt="Sample image">
