EffectHub.com: your best source for gaming

Recommendation

More Effects...

CSS

HTML

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Professionelles Webdesign</title>
  <style>
    body {
      font-family: 'Segoe UI', sans-serif;
      background-color: #f4f6fa;
      color: #1a1a1a;
      margin: 0;
      padding: 40px;
      line-height: 1.6;
    }

.container {
      max-width: 800px;
      margin: 0 auto;
    }

h2 {
      font-size: 2rem;
      margin-bottom: 1rem;
    }

p {
      font-size: 1.1rem;
      margin-bottom: 1.5rem;
    }

.cool-link {
      position: relative;
      color: transparent;
      background-image: linear-gradient(90deg, #00C6FF, #0072FF);
      background-clip: text;
      -webkit-background-clip: text;
      font-weight: 700;
      text-decoration: none;
      display: inline-block;
      transition: transform 0.3s ease, text-shadow 0.3s ease;
    }

.cool-link::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, #00C6FF, #0072FF);
      left: 0;
      bottom: -4px;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.35s ease-out;
    }

.cool-link:hover {
      transform: rotate(-1deg) scale(1.03);
      text-shadow: 0 0 5px rgba(0, 114, 255, 0.3);
    }

.cool-link:hover::after {
      transform: scaleX(1);
    }

/* Scroll-Reveal Effekt */
    .fade-in {
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.6s ease-out;
    }

.fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }
  </style>
</head>
<body>
  <div class="container">
    <h2 class="fade-in">Professionelles Webdesign für nachhaltigen Erfolg</h2>
    <p class="fade-in">
      Professionelles Webdesign ist weit mehr als nur Ästhetik – es ist die Verbindung von Strategie, Nutzererlebnis und technischer Qualität.
      Unternehmen, die online überzeugen wollen, brauchen eine Website, die nicht nur gut aussieht, sondern auch funktioniert, gefunden wird
      und Vertrauen aufbaut.
    </p>
    <p class="fade-in">
      Du suchst nach einer erfahrenen 
      <a href="https://webdesign-duesseldorf.net/" class="cool-link">Webdesign Agentur Düsseldorf</a>, 
      die nicht nur kreativ, sondern auch strategisch denkt? Dann bist du bei uns richtig.
    </p>
    <p class="fade-in">
      Bei uns bekommst du durchdachte Konzepte, klares Design, schnelle Ladezeiten und eine Website, die wirkt – auf allen Ebenen.
    </p>
  </div>

faders.forEach(el => observer.observe(el));
    });
  </script>
</body>
</html>

Recommendation

Join Effecthub.com