[問題]CSS transition 特效問題

[forsaxon (JieLee)]

大家好
我在一個按鈕上
加入transition的特效
transition: all 0.3s; 之後
只要讀取網頁就會出現向下圖的狀況
黑色框的部分是被我隱藏的部分
但奇怪的是 讀取網頁之後 會被先...顯示在隱藏
請問這要怎麼修正呢



https://imgur.com/wiCCutR

https://codepen.io/imjielee/pen/zYxrXXz

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.241.215.57 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1575951318.A.EDB.html
推 ian90911: 先把CODE放到codepen / jsbin之類的放來
已附上 謝謝
※ 編輯: forsaxon (111.241.215.181 臺灣), 12/10/2019 14:55:00
→ miau: codepen 讀取時沒有看到你說的狀況耶，chrome/firefox 都沒
推 steven04090: 應該是繼承到visibility:hidden
→ steven04090: 把transition:的all改成只影響transform