毛哥EM資訊密技
open-menucloseme
首頁
關於我
相關連結 icon
Edit Mr. Github 毛哥EM instergram 毛哥EM的基地
🌐
繁體中文 English(Not Updating)
githubinstagramrss
  • Day11 說滾不是真的要你滾 - 背景滾動視差

    calendarSep 25, 2023 · 1 分鐘長 · HTML CSS JS  ·
    分享到: twitterfacebooklinkedincopy
    Day11 說滾不是真的要你滾 - 背景滾動視差

    你有看過這種頁面往下滾,但圖片位置沒有往下的效果嗎?

    <img
      loading="lazy"
      decoding="async"
      alt="background-attachment:fixed"
      
        class="image_figure image_internal image_unprocessed"
        src="scrolling.gif"
      
      
    />
    
    </picture>
    

    這是舊 …


    閱讀更多
  • Day10 永無止境跑馬燈 - 不同螢幕 相同速度

    calendarSep 24, 2023 · 3 分鐘長 · HTML CSS JS  ·
    分享到: twitterfacebooklinkedincopy
    Day10 永無止境跑馬燈 - 不同螢幕 相同速度

    這是我高一在學校吃肉蛋吐司時想到的做法,因此此篇文章假設你已熟悉國小數學。


    閱讀更多
  • Day9 給你五彩斑斕的黑: mix-blend-mode

    calendarSep 23, 2023 · 1 分鐘長 · HTML CSS  ·
    分享到: twitterfacebooklinkedincopy
    Day9 給你五彩斑斕的黑: mix-blend-mode

    昨天我們只是一個人的色而已,今天疊在一起更刺激。


    閱讀更多
  • Day8 滿足你的色域! color: color

    calendarSep 22, 2023 · 1 分鐘長 · CSS  ·
    分享到: twitterfacebooklinkedincopy
    Day8 滿足你的色域! color: color

    今天這一篇是一個很色的冷知識分享。可以讓你調出很冷的顏色。


    閱讀更多
  • Day7 幫我開濾鏡 filter

    calendarSep 21, 2023 · 1 分鐘長 · HTML CSS JS  ·
    分享到: twitterfacebooklinkedincopy
    Day7 幫我開濾鏡 filter
    CSS 的濾鏡屬性是一個非常實用且可以瞬間讓一個網頁看起來很厲害的功能。讓你可以以各種方式修改和調整圖像和元素的呈現方式,也可以讓元素模糊,或者是直接改變圖示顏色等等。今天我們將深入探討CSS filter 屬性,解釋其各種功能以及如何使用它來創建引人注目的效果。
    閱讀更多
  • Day6 你怎在這? 攻克 Position

    calendarSep 20, 2023 · 2 分鐘長 · HTML CSS  ·
    分享到: twitterfacebooklinkedincopy
    Day6 你怎在這? 攻克 Position
    在使用 CSS 做網站時幾乎一定會使用到 position 屬性,不過你真的知道它的原理和使用方式嗎?雖然乍看之下感覺很複雜但其實超簡單,你只需要幾分鐘就能完全理解了。
    閱讀更多
  • Day5 載入中… Animation-delay

    calendarSep 19, 2023 · 2 分鐘長 · HTML CSS  ·
    分享到: twitterfacebooklinkedincopy
    Day5 載入中… Animation-delay
    假設你今天想製作這個載入動畫…
    閱讀更多
  • Day4 自己動! @keyframes 與 Transition

    calendarSep 18, 2023 · 3 分鐘長 · HTML CSS  ·
    分享到: twitterfacebooklinkedincopy
    Day4 自己動! @keyframes 與 Transition

    今天我們要來玩玩 CSS 動畫。CSS動畫有兩種:

    • @keyframes - 動作效果
    • transition - 轉場效果

    閱讀更多
  • Day3 用 Flex 切遍天下

    calendarSep 17, 2023 · 2 分鐘長 · HTML CSS  ·
    分享到: twitterfacebooklinkedincopy
    Day3 用 Flex 切遍天下
    當你拿到一張設計圖要照著做出來你的第一反應是什麼呢?是直接套 bootstrap 再說嗎?但我幾乎所有的切版**只要是整齊能畫出網格的,我都會使用flex。**而這個網格也不一定是正方形,只要是矩形就可以了。
    閱讀更多
  • Day2 如何打的更快 | Emmet & 預測輸入

    calendarSep 16, 2023 · 2 分鐘長 · HTML CSS  ·
    分享到: twitterfacebooklinkedincopy
    Day2 如何打的更快 | Emmet &amp; 預測輸入

    記得我在國一寫HTML的時候,傻傻的在那裡打小於、h1、大於、標題、小於、斜線、大於。我的朋友甚至發現了一個偷吃步就是先打好一堆大於小於,然後再填空。

    既然HTML 和 CSS 都長那樣,這種繁瑣的操作早就可以交給電腦來解決。所以今天我要和你分享如何使用 Emmet 快速的打 HTML 以及 CSS


    閱讀更多
    • ««
    • «
    • 1
    • 2
    • 3
    • 4
    • 5
    • »
    • »»

毛哥EM photo

毛哥EM

一位數位創作者。喜歡用科技進行各種創作,如繪畫、音樂、平面設計和網頁設計
閱讀更多

精選文章

  • 自製免費點名系統 - 複製貼上就能成為工程師
  • 【視訊會議】EM-SFW - 鏡頭畫質的天花板!黑板不再顛倒/模糊/切割!
  • 【GAS】複製貼上讓試算表變身成網頁表格 秀爆你的客戶朋友!

最新文章

  • Day11 說滾不是真的要你滾 - 背景滾動視差
  • Day10 永無止境跑馬燈 - 不同螢幕 相同速度
  • Day9 給你五彩斑斕的黑: mix-blend-mode
  • Day8 滿足你的色域! color: color
  • Day7 幫我開濾鏡 filter
  • Day6 你怎在這? 攻克 Position
  • Day5 載入中… Animation-delay
  • Day4 自己動! @keyframes 與 Transition
  • 自製免費點名系統 - 複製貼上就能成為工程師
  • 【視訊會議】EM-SFW - 鏡頭畫質的天花板!黑板不再顛倒/模糊/切割!
  • 【GAS】複製貼上讓試算表變身成網頁表格 秀爆你的客戶朋友!

分類

網站分享 9 軟體分享 8 捷徑分享 6 製作教學 5 筆記 3 API分享 1 CSS 1 DEVELOPMENT 1 SYNTAX 1 線上教學 1

專欄

不用庫-也能酷-玩轉-CSS-JS-特效 11 複製貼上就能成為工程師 7 網棧 5 線上教學 3 別說我教的系列 2 THEMES-GUIDE 1

標籤

CSS 18 HTML 17 自製 15 GITHUB 10 IOS捷徑 7 JAVASCRIPT 7 WINDOWS 7 GAS 5 IOS 4 JS 4 JSON 3 終端機 3 ANDROID 2 HUGO 2
所有標籤
ANDROID2 C++1 CSS18 GAS5 GIT1 GITHUB10 HTML17 HUGO2 INDEX1 IOS4 IOS捷徑7 JAVASCRIPT7 JS4 JSON3 OBS1 TERMINAL1 TERMUX1 WINDOWS7 YOUTUBE1 自製15 捷徑1 視訊會議1 終端機3 衛道中學2
[A~Z][0~9]
毛哥EM

Copyright 2020-  毛哥EM. 版權所有,使用請註明出處。部分梗圖取自網路,若有侵權請與作者聯絡。

to-top