Transform Generator

2D und 3D Transformationen für Elemente.

Kostenlos

Passen Sie die Werte an und kopieren Sie den generierten CSS-Code.

Generierter CSS-Code

Wie wende ich den CSS-Code an?

Kopieren Sie den Code und fügen Sie ihn in den <head>-Bereich Ihrer HTML-Seite ein:

<head>
  <style>
    /* Hier den kopierten CSS-Code einfügen */
  </style>
</head>

Kopieren Sie den Code ans Ende Ihrer bestehenden CSS-Datei (z.B. style.css):

/* Datei: style.css */
/* Ihre bestehenden Styles ... */

/* Hier den kopierten CSS-Code einfügen */

1. Erstellen Sie eine neue Datei (z.B. generator.css) und fügen Sie den Code ein

2. Binden Sie die Datei in Ihre HTML-Seite ein:

<head>
  <link rel="stylesheet" href="generator.css">
</head>