![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML + CSS
html+css实例
是落落呢
这个作者很懒,什么都没留下…
展开
-
轮播图2.0(立方体)
还记得上一篇的轮播图吗?用的是可见域的滑动截取,但是这样的有一个弊端,就是不连贯,当轮播结束时,应该继续播下一张,而它却没有,所以啊,可以用立方体来实现这个效果,可以说是轮播图2.0。 这是两篇相关文章的链接轮播图1.0 立方体 <!--html--> <div id="box"> <div id="pic"> <div id="one"><img src="images/1.jpg" alt="图片"></div>原创 2021-02-03 00:33:00 · 122 阅读 · 0 评论 -
立方体
用CSS的知识做一个立体的旋转的立方体。 <div id="cubic"> <div id="main"> <div id="box"> <div id="top">上</div> <div id="bottom">下</div> <div id="left">左</div> <div id="right">右</div> &l原创 2021-02-03 00:25:55 · 136 阅读 · 0 评论 -
轮播图(animation)
CSS的内容不多,而且每一项单独看都很简单,但是把这些知识点揉在一起,就成了一个大问题,所以啊,不时的写个好玩的特效来学习CSS,既有趣又可以学习,这样多好啊! 今天就先做个轮播图吧。 首先是HTML部分 <div id="box"> <div id="pic"> <img id="one" src="images/1.jpg" alt="图片"> <img id="two" src="images/2.jpg" alt="图片"> <原创 2021-02-02 21:49:01 · 777 阅读 · 1 评论