AKTION: GRATIS PREMIUM PLUGIN beim Kauf einer Professional Edition
Aktion endet in:
  • 00
    Tagen
  • 00
    Stunden
  • 00
    Minuten
  • 00
    Sekunden
Bildeffekte Bundle – setzen Sie diverse Filter über Bilder/Banner mittels CSS Klassen

Bildeffekte Bundle – setzen Sie diverse Filter über Bilder/Banner mittels CSS Klassen

l Quelloffen
2 Downloads
Responsive
Dieser Hersteller reagiert schnell auf Supportanfragen
    sagen91391435229
  • 1.0.0
  • 19.09.2017
  • de_DE
  • von shopware agentur tannheimer e.U.
  • 5.2.0 – 5.2.27
    5.3.0 – 5.3.7
Normal 0 21 false false false... mehr

Produktinformationen

Bildeffekte Bundle - Dieses Plugin ermöglicht es, Ihre Bilder und Fotos noch besser in Szene zu setzen und mittels verschiedenen Filtern tolle Effekte zu erhalten. Sie erhalten 10 Bildeffekte in einem Plugin und müssen künftig nicht mehr extra die Grafikabteilung bemühen. Mittels CSS Klasse bestimmen Sie jetzt selbst, welches Bild welchen Effekt erhalten soll – und das entweder von vornherein, oder aber beim Mouseover mittels sanften Übergangs. Die Effekte lassen sich auch toll miteinander kombinieren. Einfach mehrere „Klassen“ durch ein Leerzeichen getrennt in der Widgetbearbeitung in das CSS-Klassenfeld schreiben.

zB. opacity08-hover grayscale50 --> So wird Ihr Originalbild jetzt in 50% Graustufen angezeigt und erhält beim Mouseover zusätzlich eine leichte Transparenz

Beschreibung der Bildeffekte - hier zum Download

Mit diesen 10 Effekten machen Sie Ihr Bild: unscharf, heller, kontrastreicher, farbintensiver, transparent, setzen es in Graustufen oder mit Sepia-Effekt, Negativ oder mit Schatten, oder vergeben einen neuen Farbstich.

blur - unscharf
Dieser Effekt macht das/die Bild(er) im Widget um 1px unscharf.

blur-hover
Macht das/die Bild(er) im Widget beim Mouseover mittels sanften Übergangs um 1px unscharf.

brightness70 / brightness70-hover

Macht das/die Bild(er) im Widget um 30 Prozent dunkler / beim Mouseover sanft um 30 Prozent dunkler

brightness130 / brightness130-hover

Macht das/die Bild(er) im Widget um 30 Prozent heller / beim Mouseover sanft um 30 Prozent heller

contrast70 / contrast70-hover

Stellt das/die Bild(er) im Widget mit 30 Prozent weniger Kontrast dar / beim Mouseover mit 30 Prozent weniger Kontrast dar.

contrast130 / contrast130-hover

Stellt das/die Bild(er) im Widget mit 30 Prozent mehr Kontrast dar / beim Mouseover mit 30 Prozent mehr Kontrast dar.

grayscale50 / grayscale50-hover

Stellt das/die Bild(er) im Widget in 50 Prozent Graustufen dar / beim Mouseover in 50 Prozent Graustufen dar

grayscale100 / grayscale100-hover

Stellt das/die Bild(er) im Widget in 100 Prozent Graustufen dar / beim Mouseover in 100 Prozent Graustufen dar

drop-shadow1120 / drop-shadow1120-hover

Achtung: ist nur sinnvoll bei png Grafiken mit transparentem Hintergrund!Setzt einen Schatten in grau rund um das png mit 1px 1px 20px / setzt den Schatten beim Mouseover

sepia50 / sepia50-hover

Stellt das/die Bild(er) im Widget mit 50 Prozent Sepia-Effekt dar / beim Mouseover mit 50 Prozent Sepia Effekt dar

sepia100 / sepia100-hover

Stellt das/die Bild(er) im Widget mit 100 Prozent Sepia-Effekt dar / beim Mouseover mit 100 Prozent Sepia Effekt dar

hue-rotate – Farbkreis in 30 Grad Schritten verändern

zB. hue-rotate30 / hue-rotate30-hover, hue-rotate60, hue-rotate90, usw.

invert01 / invert01-hover

Invertiert (negativ – kehrt die Farben um) das/die Bild(er) im Widget um 10 Prozent / beim Mouseover um 10 Prozent

invert02 / invert02-hover

Invertiert (negativ – kehrt die Farben um) das/die Bild(er) im Widget um 20 Prozent / beim Mouseover um 20 Prozent

saturate05 / saturate05-hover

Setzt die Farbsättigung der Bilder im Widget auf die Hälfte / beim Mouseover auf die Hälfte

saturate15 / saturate15-hover

Verstärkt die Farbsättigung der Bilder im Widget um 50 Prozent / beim Mouseover um 50 Prozent

opacity04 / opacity04-hover

Stellt das/die Bild(er) im Widget mit 60 Prozent Transparenz dar / beim Mouseover mit 60 Prozent Transparenz dar

opacity08 / opacity08-hover

Stellt das/die Bild(er) im Widget mit 20 Prozent Transparenz dar / beim Mouseover mit 20 Prozent Transparenz dar

Bewertungen lesen, schreiben und diskutieren... mehr

Kundenbewertungen

Installationsanleitung

1. Plugin herunterladen & installieren

2. Plugin aktivieren

3. Template Cache leeren und Theme/s kompilieren wird im Plugin erzwungen :)

Änderungen

Version 1.0.0

Namen und Version angepasst - Uploadprobleme (Fixed)

Infos zum Hersteller

Shopware Business Partner
Shopware Business Partner
6 Erweiterungen
5 Ø-Bewertung

Zuletzt angesehen