2017年2月13日
CSS3特效----制作3D旋转照片展示区
摘要： 任务一、制作多背景 提示：上层有一个径向渐变，渐变图像farthest-side ellipse at center, rgba(246,241,232,.85) 39%,rgba(212,204,186,.5) 100%)，底层使用背景图片。 任务二、控制背景图像尺寸 提示：使用backgroun 阅读全文
posted @ 2017-02-13 19:29 Lovebugs.cn 阅读(375) 评论(0) 推荐(0) 编辑
CSS3知识点整理（四）----布局样式及其他
摘要： 包括CSS3多列布局样式、Flexbox伸缩布局、盒子模型等。重点介绍了Flexbox伸缩布局的各种属性用法。 一、多列布局 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主 阅读全文
posted @ 2017-02-13 19:14 Lovebugs.cn 阅读(540) 评论(0) 推荐(1) 编辑
CSS3特效----制作3D旋转导航
摘要： 大致思路：首先给 three-d-box 设置一个 transition是不可少的 然后每个 a 标签里面有两个 span 一个叫 font 一个叫 back，默认状态下 font 旋转0度，也就是没旋转，back 旋转-90度，现在只能看得到 font 看不到 back 当鼠标移动到上面去的时候（ 阅读全文
posted @ 2017-02-13 16:17 Lovebugs.cn 阅读(510) 评论(0) 推荐(0) 编辑
CSS3知识点整理（三）----变形与动画
摘要： 形变tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; 阅读全文
posted @ 2017-02-13 15:01 Lovebugs.cn 阅读(430) 评论(0) 推荐(0) 编辑