Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> .filter { margin: 20px; border: 20px solid yellowgreen; animation: myAnimation 1s ease 1s 5 alternate forwards; } @keyframes myAnimation { 100% { -webkit-filter: hue-rotate(180deg) drop-shadow(3px 3px 8px gray); filter: hue-rotate(180deg) drop-shadow(3px 3px 8px gray); } } </style> <img src="/pix/samples/8m.jpg" alt="Sample image" class="filter">
Preview