Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
document.getElementById("myButton").addEventListener("click", function() { alert("Hallo! Dies ist ein kleiner Effekt."); });
CSS
/* Basis-Stile */ body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background: #f7f7f7; } h1 { text-align: center; color: #333; } p { text-align: center; margin: 20px 0; } /* Link-Stile */ a { color: #008CBA; text-decoration: none; } a:hover { text-decoration: underline; } /* Button-Stile */ button { display: block; margin: 40px auto; padding: 15px 30px; font-size: 16px; background-color: #008CBA; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: transform 0.2s ease, background-color 0.2s ease; } button:hover { transform: scale(1.05); background-color: #0075A2; }
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Kleine Seite mit Effekt</title> <link rel="stylesheet" href="style.css" /> </head> <body> <h1>Willkommen!</h1> <p>Besuche unsere Webseite für professionelles Webdesign: <a href="https://bochum-webdesign.de" target="_blank">Bochum Webdesign</a> </p> <button id="myButton">Klicke mich für einen Effekt</button> <script src="script.js"></script> </body> </html>
Join Effecthub.com
Working with Global Gaming Artists and Developers!
Login
Sign Up
Or Login with Your Email Address:
Email
Password
Remember
Or Sign Up with Your Email Address:
Your Email
This field must contain a valid email
Set Password
Password should be at least 1 character
Stay informed via email
