de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Kostenloser CSS Code Generator für Instagram-Stil Filter

Wie cool wäre es, Bildfilter auf Ihrer Seite hinzuzufügen? Vor Jahren hätte dies JavaScript erfordert, aber heutzutage können Sie benutzerdefinierte Image-Filter mit gutem alten HTML und CSS erstellen.

Und mit der cssFilters-Webapp muss man nicht einmal den CSS-Code schreiben!

Mit diesem kostenlosen Tool können Sie benutzerdefinierte Bildfilter mithilfe von CSS3-Filtern erstellen. Sie finden viele Anleitungen, die die CSS-Filtereigenschaft detailliert abdecken. Aber mit cssFilters müssen Sie sich keine Gedanken darüber machen, wie alles funktioniert. Sie passen Ihre Einstellungen einfach an und kopieren den Code.

Oben auf dem Bildschirm werden Sie eine lange Leiste voller angepasster Instagram-Filter sehen. Diese Filter schließen alle populären Wahlen wie Hudson, Toaster, Tintenfass, Lofi und viele andere ein.

Klicken Sie einfach auf den gewünschten Filter und dann auf den Tab "CSS-Code" in der oberen rechten Ecke. Von dort erhalten Sie sowohl den HTML- als auch den CSS-Code. Kopieren Sie einfach in Ihre Website und schon können Sie loslegen.

Sie können diese Filter jedoch auch mit den Einstellungs-Schiebereglern anpassen. Unter der Registerkarte "Generator" können Sie Einstellungen wie Sättigung und Kontrast sowie Unschärfe, Graustufen, Sepia und sogar den Overlay-Stil wie einen linearen Farbverlauf oder einen radialen Farbverlauf ändern.

Jedes Mal, wenn Sie einen Schieberegler bewegen, wird der Code automatisch aktualisiert, sodass Sie nichts speichern müssen.

Und Sie können sogar das Standardbild austauschen, indem Sie eines von Ihrem Computer hochladen oder eines davon von Unsplash auswählen.

Diese Webanwendung wurde von Indrashish Ghosh erstellt und führt viele Standardklassen aus der CSSgram-Bibliothek aus.

Die benutzerdefinierten Einstellungen gehen jedoch weit über die grundlegenden Voreinstellungen hinaus, und die kostenlose Code-Generierung macht dies zu einem praktischen Werkzeug für Programmierer und Nicht-Programmierer gleichermaßen. Wir haben bereits viele CSS3-Generatoren für Eigenschaften wie Hintergrundgradienten und Textschatten. Und jetzt haben wir cssFilters als Premiere CSS3-Bildfiltergenerator.

12 erstaunliche Microsoft-Forschungsprojekte, die Sie sehen müssen

12 erstaunliche Microsoft-Forschungsprojekte, die Sie sehen müssen

Viele Technologieunternehmen haben ihre eigene Skunkworks-Abteilung, die an Vorlaufprojekten arbeitet, die nichts mit dem Kern des Unternehmens zu tun haben, oder mit Ideen, die möglicherweise nicht an die Öffentlichkeit gelangen. Die bekannteste Skunkworks-Sparte in der Tech-Branche ist Googles Google X mit bekannten Projekten wie dem driverless car und Google Glass.

(Tech- und Design-Tipps)

10 Cool Photoshop Tutorials zum Erstellen eines eigenen Cinemagraph

10 Cool Photoshop Tutorials zum Erstellen eines eigenen Cinemagraph

Cinemagraphs wurden ursprünglich von den amerikanischen Fotografen Kevin Burg und Jamie Beck von Ann Street Studio geprägt, die diesen Trick 2011 für ihre Nachrichten- und Modefotos verwendet haben. Es ist eine Art Hybrid zwischen einem Standbild und einem Video . Das ganze Bild bleibt still, bis auf eine bestimmte Bewegung, die sich immer wieder in nur einem Abschnitt wiederholt. D

(Tech- und Design-Tipps)