• <rt id="adimh"></rt>
  • <cite id="adimh"><noscript id="adimh"></noscript></cite>

      1. <rt id="adimh"></rt>
      <rt id="adimh"><menu id="adimh"></menu></rt>
      <video id="adimh"></video>

        <i id="adimh"><address id="adimh"><sup id="adimh"></sup></address></i>

        1. <cite id="adimh"></cite>
          <rt id="adimh"><optgroup id="adimh"></optgroup></rt>
        2. Menu

          8個CSS徽章代碼片段來提升你的Web項目

          <返回列表

          如果你在網上花了足夠的時間,你很有可能已經獲得了不計其數的徽章。你甚至可以在這個時候賺到一個。社交媒體服務、零售商甚至谷歌地圖都提供這些服務來完成所有其他平凡的任務。它們代表了一種簡單的方法,可以讓事情變得有趣并留住用戶已訂婚的 .

          徽章也可以提供非常有趣的設計范例。它們可以是任何東西,從簡單的圖形到完全的動畫體驗。另外,他們還向我們挑戰,看我們能在一個小空間里容納多少善。

          今天,我們就來看看設計師們為徽章帶來的一些創意。我們將討論各種樣式和復雜程度。你不會因為瀏覽而獲得任何徽章,但至少你會得到一些靈感!

          字體太棒了

          象形異體字圖標是徽章的完美中心。有了可用圖標的數量,你就可以圍繞任何主題創建一個圖標。這里我們有一些漂亮的六邊形徽章,其中包括流行的字體圖標庫。它們非常光滑多彩。它讓你想把它們都收集起來。

          去過柏林嗎?

          這枚柏林天際線徽章有一種簡單的美。首先復古的漸變色系看起來是一件很棒的t恤。然后是微妙的動畫特征,帶來一種平靜的感覺。對細節的關注使一切都集中在一起。

          沒有,但我去過塔圖因

          雖然這個例子已經有幾年的歷史了,但它確實很好地支持了(就像所有的例子一樣)星球大戰相關)。再一次,設計師選擇了簡單,而不是充滿了額外的東西。但結果仍然令人信服。加上“夜間景色改變”模式。

          這是一個物質世界

          谷歌的材料設計已經成為設計師們的一大熱門。在這里,我們看到一個“驗證”徽章的靈感來自設計語言。它顯示了很好的顏色和深度,使這個例子非常容易的眼睛。

          每個人都有一顆金星

          學校最簡單的樂趣之一就是在考試中獲得一張令人垂涎的金星貼紙。這個片段提供了一個有趣的在線等價物。當你在星星上方盤旋時,每顆星星都會跳自己的小舞蹈。不管你多大年紀,你還是想收集那些星星。

          我是全息蝙蝠俠

          誰不想當蝙蝠俠(除了小丑)?如果你不能成為披著斗篷的十字軍戰士,獲得這枚徽章將是下一件好事。當你將光標移動到符號上時,它會產生一種漂亮的“全息圖”效果。這是一個偉大的采取那些舊的3D貼紙,在自動售貨機出售。