《紅樓夢》之十二金釵——純CSS代碼輪播圖片練習

寒冬殘荷

雄鷹翱翔

欣賞老師精美佳作，贊一個！

195400

195400

吹毛求疵來一下


.
1. 下面的文字是有意放在框外還是 ？
2.

1. /*鼠標放在圖片上時動畫暫停。*/
   
2. #picdiv:hover{animation-play-state: paused;}

復制代碼

這個會影響畫面的移動，如果畫面移到一半鼠標放上去就顯示兩個半邊畫片

3.

1. 0%{left:0px;}
   
2. 2%{left:0px;}
   
3. 4%{left:-640px;}
   
4. 6%{left:-640px;}
   
5. ......

復制代碼

可寫作

1. 0%，2%  {left:0px;}
   
2. 4% ，6% {left:-640px;}
   
3. …………
   

復制代碼

寒冬殘荷

195400 發表于 2021-8-2 18:21
吹毛求疵來一下

謝謝老師的指導！1、鼠標放圖片上暫停，是想認真看某一個美女。2、最后一行字超出邊框，那我就不得其解了，因為在我的瀏覽器上位置剛好合適。
3、兩個時間可以寫在一起，這個我是不知道，我以為只能一個一個的寫。

寒冬殘荷

雄鷹翱翔 發表于 2021-8-2 18:05
欣賞老師精美佳作，贊一個！

感謝版主的支持和鼓勵！遙祝夏安！

195400

寒冬殘荷 發表于 2021-8-2 19:40
謝謝老師的指導！1、鼠標放圖片上暫停，是想認真看某一個美女。2、最后一行字超出邊框，那我就不得其 ...

確實有些奇怪，用你的代碼直接貼在發帖框里最后一行是在框里的，但你的那帖無論是哪種瀏覽器都是出框的。

三個瀏覽器（chrome、edge、firefox）都是一樣的結果。

195400

《紅樓夢》之十二金釵

素材/網絡　　　　　　　　剪輯制作/寒冬殘荷

lrctz

問好！太漂亮了[s:22][s:22][s:22]