CSS筆記 Shadow / css優先順序 / css單位測量

Shadow

.btn:hover {
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

.btn:active {
transform: translateY(-1px);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}



css優先順序


1.Declared value
2.Cascaded value
3.Specified value
4.Computed value
5.Used value
6.Actual value

ex:
https://codepen.io/anon/pen/KQZWXX


css單位測量

https://codepen.io/anon/pen/OQzmbO

留言

張貼留言

這個網誌中的熱門文章

鐵人三項

圖片
2020/12/1報名～2021/4/25比賽 這次的三鐵slogan 「Make your own story」因此我把這趟三鐵之旅記錄下來，未來可以有一個不錯的回憶。 預告我又報名了明年CT囉～(真的有一股魔力)，明年的賽事參加了個人515和接力113跑步，雖說價格上的早鳥價很賺，但這次最賺的我覺得是讓我認識到這群朋友！感謝Rick！ [為什麼會參加這次三鐵？] 其實是看到Rick去年的51.5賽事後，覺得好像也可以參加一下😆，剛好在思考下一年度有什麼目標想去達成的，就當作給自己30歲前的成就之一吧！就在12/1報名了，報名後就是忙碌的開始，思考缺少了什麼？ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   [準備與練習] 缺很大～沒有單車、沒有安全帽、沒有單車用的水壺、沒有泳鏡、沒有三鐵衣、車要怎麼運到台東、游泳沒有游超過100公尺甚至沒有游過開放水域，所以從12/2開始安排準備與練習，單車相關的準備感謝Rigby和Rick給予建議，而游泳相關的準備感謝在健身時遇到的教練剛好是位游泳高手，也感謝這趟旅程中認識的新朋友們(大家都是高手)，火車票、住宿、租車以及流程真的是幫了我大忙，最後感謝支持我的家人，一直以來我都是嘗試任何事情，騎機車環島、高空彈跳與這次的三鐵都是先上了再說，但家人們也是給予支持，謝謝你們～ 除了大家的幫忙以外，最重要的還是自己的練習與狀態的調整，去年12月到賽前跑步共396.4公里、騎車共662.6公里、游泳共20.7公里，這三個月的練習中，出現不少插曲(騎車受傷和跑步扭到)，但也慢慢轉換心情更換練習的方式，幾乎都是早上六點出發訓練，晚上下班再練，只要有空就把握練習的機會，因為三項中只有跑步最有把握，其他兩項基本上經驗值零，游泳是在讀碩班時某一天去游泳突然開竅學會了換氣😁，單車從沒有騎過彎把，該怎麼使力幾乎都是上網看影片學，騎車的感覺真的很妙，後來還去重新看了飆速宅男這部動漫😂，就這樣一直練習到賽前的前一個禮拜，以下會是我準備東西的時間點XD 2020/12/01 報名 2020/12/06 訂自行車 [如何挑選車子] 其實從12/1報名完後就幾乎每天都在找看看有沒有不
閱讀完整內容

菜鳥K8s資源 心得分享

圖片
在學習K8s中，時常聽到很多名詞，像是node、pod、deployment和Label等等，他們的關係到底是什麼狀況呢？這裡我個人畫了一下草圖，如果有錯，再請大家給予修正指教唷～ 在K8s的世界裡， Node 就像一間大賣場，裡面還會有隔了很多小攤販 Pod ，而 Pod 裡面還會有很多的服務 Container ，在這些大賣場或是小攤販都可以掛上像是門牌地址或是稱呼的別名 Label ，往後需要找到這些賣場或是攤販，都可以透過Label很便利的找到。在這些小攤販總是會有一些賣商品的方法 Service ，例如：實體店面( Cluster-IP )、網拍( NodePort )等等。最後誰來決定這些Pod的連鎖店呢？那就是負責管理Pod的ReplicationController、Deployment、StatefulSet、DaemonSet和Job而他們的連鎖方式都有各自的方式。 這篇大致上先給予關係的概念，希望大家能多少體會一些，有問題記得能給我一些feeback唷。
閱讀完整內容

Ironman 70.3 新手紀錄分享

圖片
為什麼參加Ironman70.3 開頭先解釋一下大家常常誤會70.3的單位是公里，其實70.3的單位是英里，換算成公里是113公里，聽到這麼長的距離就覺得累人，但由於去年已經參加過CT(challenge taiwan)的51.5公里標準賽，想說應該可以再往下一個等級挑戰看看，只求完賽解人生成就，就這樣給他報名下去了。 賽前練習與準備裝備 這次的賽程游泳1.9公里(70分鐘)、腳踏車90公里(4小時20分鐘)以及跑步21公里(沒有特別看了😅 因為前面兩項都不知道能不能完成)，賽前參與了兩個還不錯的壓力測試😂，一個是台北馬的全馬，另一個則是自行車騎至彰化順澤宮，兩個都是「淚」人的距離，至於如何準備全馬和騎長途距離呢？全馬全靠曙光跑團光頭教練開的課表，不敢說吃好吃滿，但為了全馬不要掰咖跟痛苦的過程太過嚴重，至少有吃到八成左右吧😅，而自行車就靠平常大家約騎或是週末騎河堤練習，沒有特別的訓練方式（飛輪？課表？都沒有）佛系練車🤣，所以就只剩游泳沒有壓力測試了，但游泳這方面實在也不知道怎麼練習，就是早上六點到運動中心報到，跟阿公阿罵搶水道(被電)，除此之外沒有什麼特別的準備了。再來就是裝備的升級與準備，這次替車子換了輪組(紅跑零)感謝Witz和Rigby的割愛與推薦，去彰化的路上有個後龍坡覺得算是輕鬆愉快地騎上去，非常有感的升級👍 在上次CT結束後，回來第一件事就是幫自己的腳固定在踏板上(上卡)，經歷過長距離以及太平山山坡的練習，算是掌握了上卡的熟悉度(也跌了有3次😅 )。跑步方面看跑團許多人都有一雙神鞋(nike vaporfly)就在2月初的時候入手了，適應一個月應該還算OK吧～除了跑在田徑場上聲音很大聲以外沒有什麼其他毛病，真的很彈👍，跑鞋升級完畢！在賽前一個禮拜發現泳鏡的膜脫落的差不多(容易起霧)，為了不要盲游，就趕緊去換一副新的泳鏡，就這樣裝備準備好，調整心情上場囉～  Ironman三天 這次我、明志和小羊只有比禮拜日一天，不過這次有Vivan、玉涵、鈺玲、Jo以及帥氣的豐哥參加了Iron girl和Iron kid，我們就一同在禮拜五出發囉~ 感謝在事前幫忙打理住宿車票的Vivan還有幫忙租車的明志，讓我們這趟旅行有得住有得吃美食(特別感謝Oliver村長大推美食😂 ) 這次還有傑瑞哥的爸媽一同參與，幫大家加油～ 第一天 起了一個大早，麻煩我家阿
閱讀完整內容