Landy Blog

紀錄 Promise 物件的 state, result 兩個成員屬性的特性

紀錄如何在 Angular 中，動態地為目標元素綁定指定 class 或 style，並且比較它們之間的優先序 - Series 2

紀錄如何在 Angular 中，動態地位目標元素綁定指定 class 或 style - 1

紀錄 金魚系列切版-導覽列 學習過程- 1. 修改原生的 input 輸入欄位和按鈕的樣式 2. 選項底線往左右邊長的效果 3. a 連結使用 transform-translateY 沒有效果的原因

紀錄 金魚系列切版-網頁頁尾版塊 學習過程- 1. 著作版權 C 怎麼做出來的 2. 用 flex-grow 讓子元素都有同等的寬度 3. 將原生的 input 欄位和送出按鈕併在一起的效果

紀錄 金魚系列切版-NO001- NO005切版技巧原理彙整 學習過程- 1. 偽元素出生在所屬元素的內容內部不是外部

紀錄 金魚系列切版-超通用橫式版面 學習過程- 1. 處理圖片變形 object-fix 2. 處理子層填滿父層寬度問題 align-self 3. box-shadow 的顏色不要只用黑色

紀錄 金魚系列切版-交錯漂浮版 學習過程- 1. 圖片區塊和文字區塊的交錯效果 2. flex-shrink 0 讓文字區塊和圖片區塊寬度還原 3. 文字區塊和圖片區塊交疊效果 4. 固定背景的漸層色

紀錄 金魚系列切版-人員介紹卡片 學習過程- 1. 解決圖片在垂直方向會留奇怪空白區塊的問題 2. 用偽元素來實現，當 hover 時，區塊內的文字出現下底線 3. 當 hover 進去，區塊內的下底線，會由左往右長的特效

紀錄 金魚系列切版-圖文滿版區塊 學習過程- 1. 解決圖片在垂直方向會留奇怪空白區塊的問題 2. 用偽元素來實現，當 hover 時，區塊內的文字出現下底線 3. 當 hover 進去，區塊內的下底線，會由左往右長的特效