Hipstamatic, Spotify und jetzt Adidas: Unsere Gesellschaft scheint ein gro\u00dfes Verlangen nach Alt und Alt zu haben. Vielleicht ist unser Markt mit allem Innovativen und Hightech so ges\u00e4ttigt, dass wir uns langsam langweilen. Oder vielleicht ist es nur eine banale Nostalgie f\u00fcr die alten Zeiten, als alles einfach, einfach und rosa schien. Die gegenw\u00e4rtige Besessenheit von allem aus der j\u00fcngeren Vergangenheit ist offensichtlich. Es ist \u00fcberall zu sehen und die Sph\u00e4re des Webdesigns ist keine Ausnahme.<\/p>\n
Tats\u00e4chlich manifestiert sich der Retro-Stil von Zeit zu Zeit im Web. Dargestellt \u00fcber Retro-Pastellfarbpaletten, Duotone-Effekte, k\u00fchne, vereinfachte geometrische Drucke, Art-Deco-Kunstwerke, k\u00f6rnige, verrauschte Effekte, Polaroid-\u00e4hnliche Bilder, Tabloid-inspirierte Designs, Landschaften aus alten Spielen und Claro, Typografie von gestern.<\/p>\n
Apropos, Typografie ist eine der beliebtesten Optionen, wenn es darum geht, einem Projekt ein helles Retro-Feeling zu verleihen. Es ist subtil und geschmackvoll. Und vor allem \u00fcberlastet oder \u00fcberlastet es das Projekt nicht. Es ist ein perfekter Abschluss, der die Aufmerksamkeit auf sich zieht und eine geeignete Atmosph\u00e4re schafft.<\/p>\n
Au\u00dferdem k\u00f6nnen Sie mit Hilfe des beliebten Trios aus CSS \/ JS und SVG die Effekte der 80er oder 90er Jahre schnell reproduzieren. Wenden Sie den Effekt einfach auf ein beliebiges Wort an und erhalten Sie in Sekunden das gew\u00fcnschte Ergebnis. Und Sie m\u00fcssen sich nicht mit Fotobearbeitung oder designbezogenen Programmen wie Photoshop oder Sketch herumschlagen, um \u00c4nderungen vorzunehmen. Einfach und elegant, oder?<\/p>\n
Wenn Sie diese Art der Arbeit zu sch\u00e4tzen wissen, haben wir 10 Code-Schnipsel mit unglaublichen Retro-Typografie-Effekten zusammengestellt. Wir werden sehen:<\/p>\n
Wir konnten nicht anders, als unsere Sammlung mit diesem gro\u00dfartigen Gabrielle Wee-Code zu beginnen. Sein Projekt hei\u00dft Left the Country und wurde haupts\u00e4chlich vom Horror “Stranger Things” der Duffer Brothers inspiriert. Viele Designer und Entwickler haben es reproduziert. Dribbble und Codepen sind voller professioneller Meinungen zur Einf\u00fchrung des Programms. Es gibt sogar einen von Nelson Cash entwickelten Generator, mit dem Sie ein Logo mit Ihren Daten erstellen und das Bild herunterladen k\u00f6nnen. Wenn Sie jedoch die statische Aufladung vermeiden m\u00f6chten, versuchen Sie es mit dem Wee-Code-Snippet, einer reinen HTML- und SCSS-L\u00f6sung.<\/p>\n
In Riley Shaws Vacancy 404 ist es Gabrielle Wees fr\u00fcheren Arbeiten sehr \u00e4hnlich. Seine Wurzeln liegen in der wunderbaren Kunstlinie, die durch einen funkelnden Touch und einen flackernden Effekt f\u00fcr zus\u00e4tzlichen Realismus verst\u00e4rkt wird. Es erinnert uns an all die leuchtenden Leuchtreklamen, die Mitte des letzten Jahrhunderts in Amerika immer beliebter wurden. Vielleicht sahen sie jedoch nicht so elegant und raffiniert aus wie Riley Shaws Meisterwerk. Die L\u00f6sung ist eine Symbiose aus Eleganz, Raffinesse und Vintage-Anziehungskraft.<\/p>\n
Ben\u00f6tigen Sie mehr funkelnde Effekte und eine amerikanische Atmosph\u00e4re? Dann sollten Sie Ihre Aufmerksamkeit auf Kyle Laverys Vintage-Leuchtreklame richten. Es sieht so aus, als stamme es aus Werbespots aus den 1960er Jahren, die mit beleuchteten Schildern \u00fcbers\u00e4t waren. Die clevere Kombination von R\u00f6hren mit mehreren Durchmessern, ein wunderbarer Glitzereffekt, eine kontroverse Farbpalette und eine sch\u00f6ne Schrift machen den Trick und ergeben ein exzellent codiertes Meisterwerk.<\/p>\n
Gehen wir zur\u00fcck zu den 80ern und Code-Schnipsel, die f\u00fcr diesen Zeitraum erstellt wurden. Erstens konzentrierten sich die 80er und 90er Jahre auf Videospiele. Unsere Kindheit war so bezaubernd. Und Martin Pitt ist einer von denen, die es geschafft haben, uns daran zu erinnern. Seine Abteilung: Space Invaders bringt uns zur\u00fcck in die Jugend. Diese Erkenntnis erfreut sich mit positiver Stimmung und Freude. Es sieht s\u00fc\u00df und vertr\u00e4umt aus. Es wurde mit Hilfe der Splitting-Bibliothek erstellt, die Manipulationen mit CSS erleichtert.<\/p>\n
Es gibt keine 90 Nicht-Arcade-Spiele auf der Atari-Heimvideospielkonsole. Es ist nur ein Synonym f\u00fcr die 80er und 90er Jahre in der Geek-Welt. Und Max Kohler wei\u00df es genau. Der Retro-Typografie-Codepen ist geschickt mit dem reproduzierten Atari-Logo versehen. Sie finden auch vier weitere Effekte, die den Texten einen sch\u00f6nen Retro-Touch verleihen.<\/p>\n
Neue Text- \/ Retro-Typografie 80\/404 SVG<\/p>\n
Es gibt einige fantastische Texteffekte in unserer Sammlung, die einigen s\u00fc\u00dfen Erinnerungen an das Fernsehen \u00e4hneln. Zum Beispiel New Retro Text von Vladimir Jovanovi\u0107, David Parker 80s Typography und 404 SVG von Marcos Mellado. W\u00e4hrend die ersten beiden Projekte kr\u00e4ftige Schriftz\u00fcge, eine gl\u00e4nzende Oberfl\u00e4che, Neon-Styling und drastische Farben f\u00fcr eine bestimmte Retro-VHS-Einf\u00fchrung verwenden, wirkt das zweite wie die Videoclips etwas rustikal, banal und roh. Musicals auf MTV aus dieser Zeit.<\/p>\n
Vintage Typografie \/ fantastischer Vintage Titel<\/p>\n
Ohne einige traditionelle L\u00f6sungen w\u00e4re dies keine vollst\u00e4ndige Sammlung von Retro-Typografieeffekten. Und wir haben zwei fantastische Code-Schnipsel: Thibault Jan Beyers Vintage-Schrift und Kevin Nagatas Awesome Vintage-Titel. Beide zeigen eine traditionelle Vintage-Schrift, wie wir sie gewohnt sind: ultraschlank mit zunehmend l\u00e4nglicher Schrift, einem subtilen Hauch von Art Deco und nat\u00fcrlich einem Schatten, der das Herz und die Seele des Kunstwerks bildet. W\u00e4hrend Thibault Jan Beyers Projekt klassisch und majest\u00e4tisch wirkt; Kevin Nagatas Projekt wirkt etwas modern, mit einem gewissen spielerischen Ton.<\/p>\n
Wenn Sie alles satt haben, was hochmodern, raffiniert und raffiniert ist, ist es Zeit, die Gegenwart loszuwerden und nach Inspiration in der Vergangenheit zu suchen. Vertrauen Sie uns, Sie haben immer ein Ass im Loch. Nicht ein einziges Mal kann er den Tag nicht retten.<\/p>\n
Es bietet Designer-Trends und -L\u00f6sungen, mit denen sich ein Projekt von der Masse abheben kann. Und retro typografische Effekte sind das perfekte Beispiel daf\u00fcr. Es sind warme, freundliche Explosionen der Vergangenheit, die auf nat\u00fcrliche Weise Aufmerksamkeit erregen, wie ein Hauch frischer Luft.<\/p>\n ","protected":false},"excerpt":{"rendered":"
Hipstamatic, Spotify und jetzt Adidas: Unsere Gesellschaft scheint ein gro\u00dfes Verlangen nach Alt und Alt zu haben. Vielleicht ist unser Markt mit allem Innovativen und Hightech so ges\u00e4ttigt, dass wir uns langsam langweilen. Oder vielleicht ist es nur eine banale Nostalgie f\u00fcr die alten Zeiten, als alles einfach, einfach und rosa schien. Die gegenw\u00e4rtige Besessenheit […]<\/p>\n","protected":false},"author":1,"featured_media":34283,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/10-increibles-efectos-retro-CSS-y-HTML.jpg","fifu_image_alt":""},"categories":[7],"tags":[5687,8566,8565,68],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/34282"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=34282"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/34282\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/34283"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=34282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=34282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=34282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}