發表文章

H 23 chapter transition 轉場屬性 滑鼠移入按鈕有變化 貝茲. 置中定位 前綴屬性 transform

  transition transition-property: width, height;  什麼樣的轉場變化效果 例如 寬&高的變化 transition-duration:  0.5s(寬度變化的時間), 1s(高度變化的時間); 時間多長 transition-delay: o.5s(寬度時間delay),1s(高度時間delay);  transition-timing-function: ease(預設值)/linear;  cubic-bezier 貝茲曲線 cubic-bezier  參考網址 https://cubic-bezier.com/#.17,.67,.83,.67 縮寫方式: transition: width 0.5s 1s(delay) ,  (使用逗號隔開兩個值)  height 0.5s 空格隔開 ease-in; transition:all(包含寬高同時delay) 0.5s ease-in; 常見問題 transition 位置寫在 .box 裡面 效果就會都呈現在移出&移入  .box{ 設定所需方匡的大小顏色           width: 100px;           height: 100px;           background-color:#ff0043;           } .box:hover{ 滑鼠移入效果                     width: 200px;                     height: 200px; transition 置中定位 .box{            width: 100px;  ...

H 24 chapter 使用偽元素 加入滑鼠移入 點擊效果

圖片
24 chapter 使用偽元素 加入滑鼠移入 點擊效果 padding : 10px(上下) 30px;(左右) 寫padding直接代替寬高的好處是 會依造字體在筐內的大小以比例調整 *在a 連結的屬性是inline 故如果要寫入padding 必須再加入 display: inline-block; 圓角border-radius設定 如果寬高都是1:1 > 50%  >正圓 如果半徑是寬高的一半> 圓角 如果有設定(行高line-height 要加上物件上下的高) /2 >圓角 使用偽元素 來遮蓋另外一個物件或內容 要考慮層級關係 .btn:before{  選擇before 白色圓圈才不會蓋到span字體 因為before會在html 的span之前  在可定位元素的狀況下 有層級關係   html 在後面的元素會去蓋掉前面的元素 故在html 上的span不被後面的元素蓋掉         content:""; 如果有寫 position: absolute; 就可以不用寫 display: inline-block 在按鈕上面加滑鼠移入白色圓形效果時 設定白色大小需注意 width: 100% ; 如果高也是寫height: 100%; 這樣會是長方形 不是正方形 因為是依造外面的 a 尺寸 就不會是一比一 故要寫padding-top: 100%; 因為內距的寬度百分比是依據width的寬! 透明的白設定為 rgba(256,256,256,0.2) .btn:hover:before{ 從零到有+轉場效果+影藏超出範圍效果(要加在主物件內) 在.btn:before{ width & padding-top 顯示為0%                          transition: all 0.2s; 在.btn:hover:before{width & padding-top 顯示為100% 滑鼠點下時會有下沉感 .btn:active{       ...

澳洲 打工度假簽證轉 學生簽證 退休金 線上申請心得 2021 八月 (附教學網址)

圖片
 話說 我2019 /6月 從澳洲回台灣後 一開始並沒有積極去處理申請 想說有可能會再回澳洲?! 結果我回台灣不到兩個月 我就又打包好行李出門去希臘 匈牙利了😂 然後遇到疫情 2020/ 5月 不得已回台灣 想說來處理一下澳洲退休金 結果發現一堆文件要處理  然後又加上我退休金又超過五千 不能線上申請 只能紙本寄回去澳洲申請 我就又兩手一攤 放著不管😂 然後過三個月 2020/08 我又打包好行李要去斯洛伐克 一直到最近 2021/ 8月 我才想起 我有退休金還沒處理好 想說反正現在也沒事 來處理好了 結果我的退休金帳戶被關閉了 一寫信去問 是說因為超過兩年都沒動靜 所以退休金公司把錢給ATO了 要我去ATO申請 ATO 登入需要一組CODE會寄到你當初註冊的電話號碼 SMS (所以如果澳洲門號如果不使用了 記得換電話號碼前 去改成台灣的電話號碼) 讓我驚豔的是 登入後只要點點大概三個步驟就完成了 (可能我只有一個帳戶?) 不到兩個禮拜 我就拿到退休金了 完全不用護照影本驗證什麼鬼的 至於退多少? 我大概有一萬初的退休金澳幣 扣完稅 只剩3500 😱 離境退休金(DASP)適用的稅率 參考點這裡  這網址有提到: # 若涉及款項超過A$5,000,將會產生額外手續費。 #如果賬戶內存有超過A$5,000,則要準備文件公證,最好在離開澳洲前處理好 #離開澳洲後, 如果超過6個月後還未申請,款項將會轉移到ATO代為保管(ATO-held super ) ”也提到 特別要留意的是,如果你曾持有工作假期簽證(417類、462類或相關的bridging visa),而是次DASP申請當中包含工作假期的收入,WHM稅率將適用於整筆申請款項。因此最好獨立為在工作假期時開設的Super賬戶申請DASP。 意思可能是說 像我第一年是打工度假簽證 可是之後是學生簽證,  為了之後的學生簽證不被多扣65%稅 當學生簽證啟用後的工作收入 可以再開一個退休金帳戶給雇主 我也不知道 我也是看別的網友寫的 以上不負責任解說“ 默默的把三千五澳幣放進口袋🙌 參考退稅教學網址在這

從南美洲 秘魯 折騰的返台日記 chapter 3~4

圖片
5/16 繼上次又被拒絕登機後 只能默默訂好在邁阿密的住宿 等到兩點入住 洗個澡之後 一整個癱軟在床 一邊看其他回台的路線 一邊詢問大使館哪個國家可以轉機 會選擇轉機第一是比較便宜 因為美國飛歐洲轉機加上 之後回台的票買來回也是1500美金 藉由大使館介紹一位在美國的旅行社工作的香港人 她一開始是建議我直接買美國境內直飛台灣 比較不會有不讓我轉機的風險 費用大約在1500美金左右 本來想說去歐洲轉機回台灣 這樣也差不多是美金1500, 可是法國機場字面上沒有切確的表示能不能轉機 但是有詢問其他網友 有人是可以轉機的 英國也是可以 但旅行社小姐和大使館的人不建議 因為怕班機會取消 這樣我會滯留在那 所以只好打消去歐洲轉機的選項 然後旅行社小姐說如果我可以在溫哥華轉機費用大概是668歐元 邁阿密 飛德州 飛溫哥華 飛台灣 (前段又是美國航空 後段是長榮) 這次是分別去各自的官網訂票 然後就迫不及待請大使館幫我查詢 台灣駐溫哥華大使館表示是可以轉機的 只要不超過24小時 又加上我自己也去長榮的官網看 我也明確的看到寫說可以轉機 就開心的試著要買票 結果我的卡刷不過 只好等隔天請Roy幫我買票 買好票之後 終於心情有比較平穩一些 跟秀秀說完這個故事 她就說我 你在邁阿密欸 就是要去看陽光沙灘比基尼的啊 雖然我是比較想當個廢人躺著 但是我心想 好像或許再也沒機緣去美國或是邁阿密 我是應該出去走走 殊不知走了一個小時到碼頭 是看到很多人在騎水上摩托車和開遊艇 但沒看到海灘和比基尼 且我到碼頭沒30分鐘就下雨了 我想說還好 小雨 應該等等就停了 就一直走 結果越下越大 還沒有遮蔽物可以躲雨 我就想說還是回家好了 結果迷路1.5小時 經過交流道的橋下 很多流浪漢搭帳篷 一邊看著我 一邊不知道碎念什麼 心裡頓時有一些些驚恐 路面還淹水到腳踝 鞋子整個進水 我迷完路到家後 鞋子內褲內衣都是濕的 衣服短褲襪子外套掛在床邊 明天一早一定乾不了 洗完澡後 心想明天一早四點半又要起床 又整個癱軟在床上 結束另一個漫長又短暫邁阿密遊 5/19 一早4:45分起床 趕緊打包行李 前一天外出迷路淋雨 隔了一晚 果然衣服短褲鞋子都沒乾 鞋子沒乾最不爽 但還好我有兩個一次性浴帽 套在襪子上再穿鞋 這樣腳就不會濕濕冷冷 突然又覺得自己很幸運 收好行李 悄...