Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> .outerBox { font: 100 1em/1.5em sans-serif; background-color: black; color: white; width: 330px; padding: 5px; margin: auto; text-align: center; perspective: 150px; animation: myAnimation 2s ease 1s 3 alternate forwards; } .outerBox img { transform: rotate3d(1, 0, 0, 20deg); } @keyframes myAnimation { 100% { perspective-origin: 5px 120%; } } </style> <div class="outerBox"> <h1>New Zealand</h1> <img src="/pix/samples/3m.jpg" alt="Scenery in New Zealand"> </div>
Preview