Ergebnis 1 bis 3 von 3
Thema: Bild als Maske benutzen
-
19-02-2013, 09:36 #1
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.
-
19-02-2013, 09:46 #2
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
-
19-02-2013, 11:15 #3
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
-
Tabellen Maske generieren
Von erti_89 im Forum JavaScriptAntworten: 7Letzter Beitrag: 10-12-2008, 11:41 -
Eingabe bzw. Auswahl - Maske
Von tru visual im Forum AllgemeinesAntworten: 2Letzter Beitrag: 20-01-2008, 18:42 -
Eingabe bzw. Auswahl - Maske
Von tru visual im Forum CSS und (X)HTMLAntworten: 1Letzter Beitrag: 20-01-2008, 16:40 -
[PS] Graustufenbild als Maske???
Von J-C im Forum GrafikAntworten: 6Letzter Beitrag: 23-11-2003, 13:56 -
3D Maske - nur wie???
Von OC Fomas im Forum FlashAntworten: 1Letzter Beitrag: 09-06-2001, 16:01
Lesezeichen