Schlagwörterarchiv: Webdesign

CSS3-Tricks: 3D-Flip Hover Animation für Serviceboxen

CSS3-Tricks: Coole 3D-Animationen mit Hover-Effekt erstellen

the-cube-service-box

Auf der Webseite von Code My UI habe ich eine interessante Anleitung zur Erstellung von CSS3-Animationen mit tollen Hover-Effekten gefunden.

Die 3D-Flip-Animation können Sie sehr gut auf einem Privat-Portfolio oder auf einer Service-Webseite verwenden, wo Sie mit mehreren Boxen verschiedene Dienstleistungen anbieten können.

Wenn Sie mit der Maus über die 4 verschiedenfarbigen Boxen fahren, rotieren diese mit einem 3D-Flip und zeigen – die zuerst versteckten – zusätzlichen Infos zu Ihren angebotenen Diensten. Entworfen hat das coole Projekt Rahul Dhiman, auf CodePen.io können Sie sein Projekt live bearbeiten und die Hover-Effekte je nach Lust und Laune bearbeiten.

Weiterlesen

10 coole und kostenlose Visitenkartenvorlagen im PSD-Format

10 interessante Business Card Templates (PSD)

10-gratis-visitenkarten-templates

Visitenkarten sind in der Wirtschaft noch immer die beste, schnellste und bequemste Verbindung zwischen zwei Geschäftsleuten. Alle Ihre Kontakt- und Geschäftsinformationen passen perfekt in ein handliches Stück Papier in der Größe von 3,5 x 2,5 Zoll.

Beim Entwurf einer Visitenkarten-Vorlage gibt es jedoch viele Dinge, auf die man schauen muss, wenn Ihr Budget eine große Einschränkung für Ihr Unternehmen darstellt.

Ich möchte Ihnen heute deshalb eine kleine Kollektion von 10 kostenlosen Visitenkarten-Templates im Photoshop-Format (PSD) vorstellen und zum Gratisdownload anbieten. Die Original-Dateien stammen von der Webseite Free-Business-Card-Templates.com und wurden von Meng Loong entworfen.

Weiterlesen

Farbpalette des Tages vom 25. September 2016

Farbpalette von Design Seeds – Gemüse als Farbtöne

5

Ich zeige Ihnen in meiner Artikelreihe „Farbpalette des Tages“ jeden Tag eine einzelne Farbzusammenstellung, welche ich auf der Webseite Design Seeds gefunden habe.

Ausführliche INFOS zu Design Seeds finden Sie hier in meinem Blogartikel Geniale Farbpaletten von Jessica Colaluca von Design Seeds.com vom 20.9.2016

Weiterlesen

3 interessante und coole CSS3 Image Hover-Effekte

3 cool and beautiful CSS3 image hover effects

screenshot-3-hover-effects

Auf den modernen Webseiten gibt es zahlreiche Techniken, die verwendet werden können, um interessante Interaktionen zu schaffen. Die einfachsten und elegantesten wurden in der Regel mit CSS realisiert – und insbesondere durch die Ergänzungen, welche mit CSS3 aufkamen.

In den „alten Tagen des Internets“ mussten die Webdesigner (und solche, die sich dafür hielten) JavaScript anwenden, um bestimmte Effekte oder Wirkungen zu erzielen. Dank der ständig wachsenden Unterstützung für CSS3 in allen Browsern ist es nun möglich, die 3 von mir unten weiter angeführten Hover-Effekte recht einfach und rasch einzurichten.

Weiterlesen