台灣最大程式設計社群網站
線上人數
677
 
會員總數:245017
討論主題:188961
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> CSS animation動畫運作問題!!
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
CSS animation動畫運作問題!!
價值 : 50 QP  點閱數:232 回應數:1

樓主

橘魚
門外漢
0 1
6 1
發送站內信

學習html跟css語法的萌新請教版上的大大們!
(第一次發問請多多指教)

今天學習寫一個簡單的網頁小動畫,

那個動畫完整大致是這樣的:
1. 相機出現在頁面正中間
2. 閃光燈閃兩下
3. 一張照片從相機底部出現(尺寸小)
4. 照片沿X軸旋轉一圈後,放大蓋住相機顯示在畫面正中央!

在寫相機動畫時沒有問題,
一直寫到相片這邊不知為何就沒了反應0.0

這邊是用.picture去寫,動畫是pictureIn,
不知為何明明寫的內容和線上老師教的一樣,卻一直無法運作,
照片從一開始就會蓋住相機,位置和尺寸也沒有改變!
試過在animation前加上前綴,一樣無法…

以下附上我寫的內容和顯示效果 o<<:
https://codepen.io/OrangeFish/pen/ebVxVb

苦思不解也不知道能問誰..
還請大大們協助解答了 orz
萬分萬分地感謝…!!!(一直卡在這裡…)

別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

橘魚
檢舉此回應
【 更正 】

應該不能說是全部都沒有反應
主要是「一開始」的opacity隱藏設定一直讀不到的樣子0.0
明明有設了卻還是一開始就出現,
主要是這個問題TT
本篇文章回覆於2019-01-04 16:21
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.