《红楼梦》之十二金钗——纯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]