钱文嘉:颜色选择,搭配 http://www.pptfans.cn/341917.html…

一.新建一个画布,绘制一个460*460图层,圆角半径40像素.填充渐变颜色,加一点点投影,这样就有质感了. 二.接下来我们要来绘制主体部分,绘制一个圆,大小400*400,用内阴影,渐变叠加,投影得到想要的效果 三.绘制一个圆,大小350*350,添加效果,作为镜头圆框. 四.接着绘制一个300*300的圆,做一个凹陷的效果 五.经过上面步骤我们的大致主体出来了,我现在绘制相机的镜头,在这里我就添加了一个黑色圆.我在这里就不在详细的去做了,你在这里就可以发挥你的想象,你可以百度一下看一下镜头有…

多学一点总是好的~ 自始至终都觉得的css和html效果比较美观,于是在看慕课网教程时,自己也跟着敲了深爱着的前端代码 这部分分为两部分:①基础篇:http://www.imooc.com/learn/445: ②进阶篇:http://www.imooc.com/learn/598: 这里只对基础篇进行记录,下篇则为进阶篇介绍. 学到的something: 1.CSS的常规布局方法: 2.CSS扁平化风格布局方法 : 3.网页布局特殊情况处理方式 : 4.HTML5相关标签和CSS3效果. 项目…

前言 扁平化概念的核心意义 去除冗余.厚重和繁杂的装饰效果.而具体表现在去掉了多余的透视.纹理.渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来.同时在设计元素上,则强调了抽象.极简和符号化. 示例 视频效果:http://files.cnblogs.com/files/abao0/webPage.swf 截图效果:http://images.cnblogs.com/cnblogs_com/abao0/975461/o_webpage2.gif 正文 1.代码部分 ht…

CSS3扁平化风格联系表单是一款CSS3简易联系表单非常清新,整体外观不是那么华丽,但是表单扁平化的风格让人看了非常舒服,同时利用了HTML5元素的特性,表单的验证功能变得也相当简单.经测试效果相当不错,huiyi8素材推荐下载. css3按钮 :http://www.huiyi8.com/css3/anniu/…

注:以下内容基本都来自知乎,由于已经不记得网址了,所以未能附上所有相关链接,抱歉. PPT扁平化设计原则一.亲密:意思相近的内容放在一起二.对齐:页面上的某两个元素之间总是围绕一条直线对齐三.对比:有意识的增加不同等级元素之间的差异性四.重复:分析元素等级后,选择相同等级的元素来重复 基本知识 选色:鲜艳而不刺眼(适当降低饱和度和亮度) 配色: 背景色:白色 暖色:不建议,容易视觉疲劳 冷色:注意兼容性,即跟图标.色块的颜色对比一定要大 图片:简单的也直接使用,负责的需要做模糊.调暗处理或者加色…

…

趁热打铁,将剩下的部分完结~ 接上篇,增加了一些js特效:侧边栏,返回顶部. 至于效果,也不知道gif的图片怎么显示不上去了 无奈只能直接上代码了,完整版请点击: https://files.cnblogs.com/files/zhengyeye/css-blogs.ziphttps://files.cnblogs.com/files/zhengyeye/css-blogs.zip…

在线演示 本地下载…

开关样式预览图 前言 最近在基于bootstrap框架开发一个网站,在填写表单一项需要用户填写是否选择某一选项,本来想引用bootstrap框架自带的一个按钮插件,结果在引用js的时候总是出错,就找了找资源,用纯css实现这个按钮开关的功能. 具体代码过程 话不多说,直接上代码实现! html代码部分 <div class="control-group"> <label class="control-label">是否选择:</labe…