<noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>

    <noframes id="jjr3b"><span id="jjr3b"><span id="jjr3b"></span></span>

    <noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>
    <form id="jjr3b"></form>

    <noframes id="jjr3b">
      18868949445

      北京企業建站:網頁設計中12種令人驚嘆的復古霓虹燈效果

      日期:2021-05-24 閱讀:65   作者:北京網站設計開發公司

      蓋斯勒管,霓虹燈是20世紀20年代至60年代美國的一個特征。它標志著幾十年,創造了自己獨特的時代——一個明亮多彩的夜晚,每個角落都有霓虹燈的招牌。

      毫無疑問,霓虹燈標志是過去的東西。它是復古風格. 但它并不像過去好日子里的古董那么乏味。它有一種熱情;它有一種氛圍。它多姿多彩的本性和鮮明的個性使它得以延續。

      盡管在現實生活中使用霓虹燈標志的趨勢正在逐漸消失,讓位于更為復雜和優雅的“綠色”解決方案,但在網絡上還是有很多地方可以看到它。這是它可以發揮其魅力的地方??紤]到懷舊已經席卷全球,霓虹燈標志可以成為一個理想的候選人,創造符合當今主流的設計。

      有幾種方法可以將復古熒光觸控引入您的界面。最明顯和最簡單的方法是使用它作為顯示銘牌、標語或只是基于文本的網站細節的風格選擇。今天,我們將向您展示一些出色的代碼片段,這些代碼片段將這種效果發揮到實際中。

      Aaron Minnamon設計的Hot Ones霓虹燈標牌

      亞倫·明納蒙的項目有一種獨特的50年代美國城市風格。它是明亮的,大膽大膽。它看起來是真實的,多虧了霓虹燈的巧妙復制行為,而霓虹燈以其不斷閃爍而聞名。在HTML、scs和JavaScript的幫助下,這個小而令人印象深刻的動畫得以實現。

      Nodws的CSS動畫霓虹燈標志 /來自拉斯維加斯的霓虹燈Riccardo Tartaglia

      諾茲和里卡多·塔塔格里亞,他在拉斯維加斯出色的霓虹燈,都走了一條傳統的路線。他們想出了完美模仿傳統霓虹燈街道標志的概念。

      演示看起來很像。每一個都有霓虹燈的標志貼在磚墻上。兩者都有豐富的微小動力學使現場看起來生動;每一個都有一個明亮的外觀。藝術家們僅僅用了幾行HTML代碼和CSS,使解決方案不僅令人賞心悅目,而且輕量級。

      凱爾·拉維里的復古霓虹燈招牌

      如果你需要一個明確的復古感覺在你的網站,你應該嘗試復古霓虹燈標志由凱爾拉維里。它在各個方面都散發著60年代的氣息。輪廓排版,加上霓虹燈的色彩,再加上一個漂亮的管狀背景,看起來棒極了。即使字體不是裝飾性的,它無疑會給任何項目增添一些別致的感覺。

      Prima Prima Prima Apriansyah項目

      由Prima Utama Apriansyah設計的項目具有在懸停時顯示的霓虹燈效果。有三種顏色可供選擇:紅色、藍色和黃色。每一個看起來都很棒。所有東西都是用純HTML和CSS制作的,不需要JavaScript。這種解決方案的優點是霓虹燈的效果是隱藏的,當顯示出來時會給參觀者留下深刻印象。

      Mai El Awini的霓虹燈格柵裝載機

      好吧,文字效果夠了。讓我們考慮添加一些熒光魔術的方法。另一種選擇是將霓虹燈樣式應用于加載動畫,就像maielawini對霓虹燈網格加載程序所做的那樣。

      在這里,你會發現四個不同的裝載機,與一個主題和顏色捆綁。即使它們是原始的,霓虹燈的效果肯定會把它們帶到下一個層次。在黑暗的背景下,它們看起來簡直太棒了。他們會在等待你的網站完成所有準備工作時招待訪問者。

      Simone的按鈕 /埃爾文·范登黑澤爾的霓虹燈按鈕

      霓虹燈的其他細節也可以從中受益。例如,考慮按鈕。因為鈥“號召行動仍然很流行,霓虹燈的效果再合適不過了。

      有兩個優秀的代碼片段可以嘗試:一個由Simone編寫,另一個由elwinvandenhazel編寫。它們都包括一個簡單,但優雅和微妙的霓虹燈按鈕。雖然第一個是有點黯淡的顏色,因為柔和的顏色,第二個肯定會立即吸引眼球,其鮮明的藍色色調和發光效果。所有東西都是用純HTML和CSS制作的。

      雨果·達比·布朗的霓虹燈對話框

      也可以將霓虹燈樣式應用于對話框??纯从旯み_比·布朗的霓虹燈對話框。作者包含了四個常規的對話框面板。他們看起來大膽而迷人,但沒有在所有方面尖叫。霓虹燈的效果給了平庸的UI元素一個很好的轉折。

      Matei Copot的neon hexagrid /霓虹六角粒子-布雷特娛樂 /杰拉德·費蘭德斯

      雖然我們認為霓虹燈樣式是一種效果,可以應用于網站的獨立細節(如按鈕、排版或加載程序),但它也可以很容易地形成殺手級的背景。想想Matei Copot的neon hexagrid,Brett的neon Hex Particles-Recreation和Gerard Ferrandez的《暫時的》。

      Matei Copot為在線游客提供了一個奇妙的霓虹燈啟發的蜂窩式背景,每個細胞都有自己的壽命。顏色從紫色變為綠松石色,看起來令人振奮。

      布雷特的概念有點神秘。它也是基于六邊形的,但這次您還可以看到一個顯示動畫。圖案出現在中心并向兩側生長。有一個控制面板,你可以在那里玩設置。

      與前兩個例子不同,gerardferrandez的項目采用了霓虹燈的現代風格。在這里你會發現成千上萬的小粒子形成一個矩形。用你的鼠標光標來擾亂平坦的表面,升起一個金色霓虹燈般的光波。

      發光的例子

      雖然霓虹燈的效果并沒有什么不尋常的地方,但它仍然是那些能立即吸引眼球的東西之一。這是一個偉大的工具,使網站的細節更加突出。

      它可以用來設置焦點,或者只是用熒光性質的明亮魅力來增加一些東西。它與排版,按鈕,甚至背景完美結合。

      是的,它有一個很大的缺點——它只有在黑暗的環境中才能展現它的美麗和潛力。所以,如果你使用的是一個更輕的用戶界面,那么它不是最好的選擇。但如果你有一些黑暗的設計,那么霓虹燈效果可以成為一個完美的工具,給你的游客留下深刻的印象。


      网赚团队