介紹一下自己 大家好,我是 Zombie@Dump,住在垃圾場的喪屍。 今年年初時離開前份工作準備轉職,沒想到碰上疫情, 出國玩的計畫泡湯,只好很認真的配合防疫...
講到切版,其中最重要的就是各種定位 position 啦~ CSS 中的定位有:static | fixed | relative | absolute | s...
今天要介紹的這幾種偽類 pseudo-class,算是 CSS 中使用率最頻繁的幾個, 我自己很常忘記這幾個的優先權順序,所以特地寫一篇筆記下來。 什麼是偽類?...
今天要來舉例子了,廢話不多說直接開始。 要用到的 HTML 只有這行 <a href="#">Zombie@Dump</a...
切版時,如果遇到裝飾性的元素,大多會使用偽元素 pseudo-element 來製作, 在我自己的切版經驗中,我覺得他們是網頁很靈魂的存在。 什麼是偽元素?...
今天要來講 金魚都能懂的這個網頁畫面怎麼切: No.001 - 圖文滿版區塊 未來的程式碼範例,前面都會有一個 css reset * { margin:...
昨天介紹了多重背景的用法, 今天想挑戰一樣的畫面,用不同的方法做出來。 切版沒有絕對的對跟錯,只有適合什麼情境或是在什麼條件下相比起來比較好,多嘗試練習才能發...
今天要來講 金魚都能懂的網頁切版 : 不規則邊緣 NO021 通常這類的圖都會直接請設計師作圖出來, 只是讓大家知道有做圖之外的方式, 藉此能更靈活的運用 CS...
今天想要分享一下我看 Youtube 看到的效果, 先分享連結, 裡面有使用到的 wave.png 請直接 YT 下載。 本篇關鍵字 animation...
今天要來講 金魚都能懂的網頁切版 : 導覽列 NO007, 切版網頁,免不了得製作導覽列, 算是非常非常基本的要求, 前期我在練習切版的時候,常常莫名其妙的就卡...