Ergebnis 1 bis 3 von 3
  1. #1
    Knautschke ist offline Jungspund
    registriert
    17-09-2007
    Beiträge
    14

    Bild als Maske benutzen

    Hi.

    Ich bastel gerade eine kleine Website, auf der man Bilder hochladen und diese rudimentär bearbeiten kann (im Moment erst einmal nur: Position festlegen und skalieren). Wenn der User nun das Bild größer skaliert, als eigentlich Platz ist (so dass es in andere Elemente der Website hineinragt), dann würde ich das Bild gerne an der Stelle "abschneiden" bzw. nicht anzeigen. Sozusagen eine Maske benutzen, damit der User das Bild so pixelig haben kann wie er will, ohne dass das Bild eine sichtbare Größe überschreitet.

    Eine Maske ist in CSS nur möglich, wenn das zu maskierende Bild ein Hintergrundbild ist, wenn ich mich recht erinnere, oder? D.h. das Bild müsste dann über "background-size" (anstatt "width" und "height") skaliert werden, und über "background-position" (und natürlich "no-repeat") positioniert werden? Oder irre ich mich da?

    Danke für jegliche Tipps.

  2. #2
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: Bild als Maske benutzen

    Das Bild in einen Container mit max-width und max-heigth legen und overflow hidden maskieren.
    Hoffe ich konnte helfen

  3. #3
    Knautschke ist offline Jungspund
    registriert
    17-09-2007
    Beiträge
    14

    AW: Bild als Maske benutzen

    Ach, klar, mit overflow hidden. Manchmal steh ich auch echt auf dem Schlauch. Danke.

Ähnliche Themen

  1. Tabellen Maske generieren
    Von erti_89 im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 10-12-2008, 11:41
  2. Eingabe bzw. Auswahl - Maske
    Von tru visual im Forum Allgemeines
    Antworten: 2
    Letzter Beitrag: 20-01-2008, 18:42
  3. Eingabe bzw. Auswahl - Maske
    Von tru visual im Forum CSS und (X)HTML
    Antworten: 1
    Letzter Beitrag: 20-01-2008, 16:40
  4. [PS] Graustufenbild als Maske???
    Von J-C im Forum Grafik
    Antworten: 6
    Letzter Beitrag: 23-11-2003, 13:56
  5. 3D Maske - nur wie???
    Von OC Fomas im Forum Flash
    Antworten: 1
    Letzter Beitrag: 09-06-2001, 16:01

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •