HTML:
Update
Autoupdate
HTML-OUT:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Custom Cursor</title> <style> /* Definiere einen benutzerdefinierten Cursor-Stil */ .custom-cursor { /* Hier custom-cursor.png durch den Pfad zu deinem eigenen Cursor-Bild ersetzen */ cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAB3RJTUUH6AMPFDQV5NhFeQAAAAlwSFlzAAAK8AAACvABQqw0mAAAAARnQU1BAACxjwv8YQUAAAMZSURBVHja7dVfSFNRHAfw3+7+ubnm/NM2hCLrQXqIXnow809GL4GVJNRDVooRiCyhh6QXdQZFEAqJhUFEhZFFJVnRS2GteqmktIKKUJMW/sk/293ddre70+8cNtmm0+vSh6ADh3N277n3c77n3HsH8L8sc1Eke+GOMlsBNo7wz8Jn3W0v5Vyn+ovJOgghT9isFQqH3MlzyWokFAJx5mc/EHKQ9uWWpBLmF5Y2EBICIgVO+qeGPRrTGtnXLjkhxbCxU/BS+1l6yC6Jnt4VASNY5/V2oODqrEyGSsLk9vC55Sv0hljJxMQE8fv9pGDXUTI2NkacTif50D9A6Dk56Lx7uLO8foPg4Vt8Ap8nel2GkMiP4uGcB/evQWZmBktHq0ajYeMjSWtqT9kRhdeOh82ylxSxG4h9Q2wPYmZ+ckRvMmpzbt/qgLQ0I0IEXwOOgTqdjqEqlWoWpUu+UFIuDjuPWAViCsQAMcjOtkLHxXOgS0mBQEAESZJAEIRwSrJkNAZEzIYYRGNnTteDVqtmiNfrg6GhYeh7P4AvIoHBwR9LRrmodH2IaaKxOlslcDiC5z2IeRnq84vQefMedHe2wqfPXyAYDIJarZKNKiMdvcHcJgX9yoDPDVZzOt304s2bcvEGSvrpAvrl4jgFS0nxO3d7YGveFrCYs3AFUtg5jlOyxCw1bkFJST48evy0ZO26XDIy/PV5TEKE1BQLigK8etHTiEjz5StdMD7+G9xuN6bkWdJVBj0UFeZBbU0lWC1ZLFnkQYpPqg0/xdHBZjumdGtTSAqAFBRhesppxxn14sy4d30fizfmro9JakjVI5wKRqORJaMYPUfbSNLpaRccrjpOjzfTAHPANJOliYQk1qcgbRdC6Y1pob/jUZfLDeX7q+dgsQkzspsi/QiYDDoz44LSvYfmxRKBTgRbogfJRelel5VXJcTiwX3YWLAWIDgaP3Ax1OXioeKIbUEsHnyDza+h72+7Eg1OhPK8AHUnGhfF2EpAEmVb0W78PyQNx6oPQCo+sa0XrsrCkgaj0fD+ycL+ulCU1hWH/qnyB05ZxLWVpEaIAAAAAElFTkSuQmCC') 28 28, auto; } </style> </head> <body> <h1> Benutzerdefinierter Cursor</h1> <p> Mit der Maus über dieses Element fahren, um den benutzerdefinierten Cursor anzuzeigen.</p> <div class="custom-cursor" style="width: 200px; height: 100px; background-color: lightblue;"> Dies ist ein Beispielinhalt. </div> </body> </html>
---