HTML+CSS作品--不一样的小兔鲜儿

不一样的小兔鲜儿

小兔鲜儿，对于初学者来说，是练手之作。

一比一复制，当然是最好的选择。

不过 ~~ 咱肯定不会满足于此啦.....

对于这个作品，我有多处创新之地，接下来一一介绍：

目录

不一样的小兔鲜儿

侧边栏效果

3D效果图

导航栏效果

轮播图效果

右方功能栏

---

侧边栏效果

抽屉式的效果，是在观察过京东，淘宝，小米商城后，有感而作。

其中点击文字效果，是运用input与label结合而成

侧边栏效果

 input与label大致运用如下：（虽然这样运用有点突兀，但不可否认的是，一定程度上能替代JS）

3D效果图

通过对旋转角度角度和平移位置的巧妙计算，令其有一种惊艳的效果。

细节就是我的文字背景可是附带流光的哦，这个参考腾讯全端的某个细节创造而出。

3D效果图        

 

导航栏效果

这个是3D导航栏。其中下滑的黑边框是参考，王者荣耀。

轮播图效果

就是这个轮播图，让我明白了纯css与html的魅力。

右方功能栏

这个是粘性定位，不过因为内存过大，就不放图片了。

总结

创新是不大容易的，但是他能带给你莫大的乐趣，令人沉醉其中。

在进行“不一样的小兔鲜儿”创作的时候，当然会遇到很多问题，比如，粘性定位放到哪里

比如，某一个小小的标签又不听话了。

虽然我已经决定走后端的道路。但是这段难忘的经历，已然成为了我心中的清风，陪伴着我。

老朋友，有缘再见。