[問題]CSS transition 特效問題

看板Web_Design作者 (JieLee)時間5年前 (2019/12/10 12:15), 5年前編輯推噓2(202)
留言4則, 3人參與, 5年前最新討論串1/1
大家好 我在一個按鈕上 加入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

12/10 13:48, 5年前 , 1F
先把CODE放到codepen / jsbin之類的放來
12/10 13:48, 1F
已附上 謝謝 ※ 編輯: forsaxon (111.241.215.181 臺灣), 12/10/2019 14:55:00

12/10 15:10, 5年前 , 2F
codepen 讀取時沒有看到你說的狀況耶,chrome/firefox 都沒
12/10 15:10, 2F

12/11 08:54, 5年前 , 3F
應該是繼承到visibility:hidden
12/11 08:54, 3F

12/11 08:54, 5年前 , 4F
把transition:的all改成只影響transform
12/11 08:54, 4F
文章代碼(AID): #1TxnlMxR (Web_Design)
文章代碼(AID): #1TxnlMxR (Web_Design)