css
String_Kun
主攻3D方向的小程序员~
展开
-
使用css3实现翻书效果(一)
最近在网页上看到一个使用CSS3制作的很有趣的样式,通过纯css3的使用实现翻书的效果,作为初学者的我决定实现一下该效果~该网站特效如图所示:是不是感觉特效非常棒,直接使用css样式而不使用图片大大减少了加载速度,也降低了用户流量的损耗,实在是一举两得,下面我介绍一下我的开发步骤: 经过我对网站代码的研究,该书籍div分为以下几部分 1.最上层是写着“CSS TRA原创 2017-03-27 15:27:58 · 8213 阅读 · 0 评论 -
使用CSS3实现翻书效果(二)
原来一直使用QQ直接登录的博客,今天绑定了一下邮箱,原来的博客全没了,只好把原来备份的博文重新发了一下,还好只有两篇~ 昨天把css3实现翻书样式的效果实现了大半,今天将其主体的样式全部实现了,下面将进行说明: 我们仔细观察书本的样式发现书本底下是有阴影的,而且阴影可以随着翻书的动作来移动,书皮的左右两侧也分别有一条封边,看起来非常真实,这里主要是使用了元素的a原创 2017-03-27 16:39:42 · 6091 阅读 · 0 评论