I N N S - W E B l o g
banner

Webdesign

Papercut Animationen

Inns-Web Intro Cutout Technik

Papercut Animation Beschreibung

Eine Papercut-, auch als Cutout Animation bekannt, funktioniert ähnlich wie die ursprüngliche Flachfiguren- oder Legetrick Animation, bei der Papierschablonen auf einem Hintergrund bewegt und somit animiert wurden.
Es handelt sich hierbei um eine Form der Stop-Motion-Animation mit flachen Elementen, wobei ausgeschnittene Materialien aus Papier, Pappe, Stoff oder Fotos verwendet wurden.

Weiterlesen »

Neuer Blog

Inns-Web Blog-Screenshot

Eigenes WordPress Theme

Inns-Web hat nun einen neuen Blog, mit eigenem Theme! (❁´◡`❁)
Es verfügt über eine animierte Banner-Überschrift und auch die verschiedenen Blöcke der unterschiedlichen Themen sind animiert, indem sie per Scrollbewegung eingeblendet werden.
Als kleine Spielerei ist jedes Bild mit einem Filter-Hovereffekt versehen, womit die Images beim Darüberfahren mit der Maus Farbe wechseln und zusätzlich die Form des Rahmens ändern.
Die Startseite des Blogs enthält mehrere Vorschaublöcke, die mittels eines Slick-Sliders fungieren und zur entsprechenden Seite führen.
Zusätzlich verfügt der Blog über angepasste Beitagsformate mit eigenen Taxonomien, wodurch er übersichtlicher und angenehm steuerbar ist.

Inns-Web Blog Backend
Inns-Web Blog Backend

Responsive Burgermenu

Des Weiteren ist er natürlich responsive-freundlich, indem sich unter anderem ein Burger-Menü ab einer gewissen Breite öffnet. Ein animierter Backtotop-Button sorgt für ein schnelles Erreichen des Topbereichs der Seite, damit das Scrollen nicht all zu mühsam wird.

Bequem Abänderbar

Recht willkommen ist nebenbei der Customizer, mittels dem man das Header-Bild, die Hintergrundfarbe, die Schriftfarbe sowie die Menus und das Logo bequem abändern kann.

Inns-Blog Customizer
Inns-Blog Customizer

3D Textanimationen

3D Textanimation

Weiterlesen »