`

IPhone支持的CSS3渐变

 
阅读更多

 

background-image:-moz-linear-gradient(#fff 0%,#e3dbbf 10%,#dabc83);
background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(.1,#e3dbbf),color-stop(1,#dabc83));
background-image:-o-linear-gradient(#e3dbbf,#dabc83);
background-image:-ms-linear-gradient(#e3dbbf,#dabc83);
background-image:linear-gradient(#e3dbbf,#dabc83);}

用 CSS3实现个平台渐变,注意webkit写法。内容简单不解释。

分享到:
评论

相关推荐

    纯CSS3制作逼真的iphone 6手机模型

    这是一款使用纯CSS3制作的逼真的iphone 6手机模型特效。该特效中通过简单HTML代码配合CSS3渐变等效果,制作出逼真的iphone6手机模型效果。

    纯CSS3制作iphone 6手机模型特效源码.zip

    该特效中通过简单HTML代码配合CSS3渐变等效果,制作出逼真的iphone6手机模型效果。本代码适用浏览器:搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器。有兴趣的朋友们可以来...

    纯CSS3实现苹果iphone6手机模型特效.zip

    纯CSS3实现苹果iphone6手机模型特效是一款通过简单HTML代码配合CSS3渐变等效果,制作出逼真的iphone6手机模型效果。

    纯CSS3实现苹果iphone6手机模型特效特效代码

    纯CSS3实现苹果iphone6手机模型特效是一款通过简单HTML代码配合CSS3渐变等效果,制作出逼真的iphone6手机模型效果。

    纯CSS3制作iphone 6手机模型特效特效代码

    本特效源码是一款使用纯CSS3...该特效中通过简单HTML代码配合CSS3渐变等效果,制作出逼真的iphone6手机模型效果。本代码适用浏览器:搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览

    CSS3实现iPhone滑动解锁功能代码

    该效果的主要实现思路是给文字添加渐变的背景,然后对背景进行裁剪,按文字裁剪(目前只有webkit内核浏览器支持该属性),最后给背景添加动画,即改变背景的位置,背景动画效果如下(GIF录制时有卡顿,代码实现时不...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本...

    《iPhone开发实战》.(Christopher Allen).pdf

    4.7 即将推出的特性:css渐变和蒙版57 4.7.1 css渐变57 4.7.2 css蒙版58 4.7.3 canvas替代方法58 4.8 小结59 第5章 使用iui开发web应用程序60 5.1 创建你自己的iphone ui60 5.1.1 图形界面60 5.1.2...

    用CSS3写的模仿iPhone中的返回按钮

    好像写这个有点晚了,iOS已经从拟物化的年代进化到了扁平化的年代,那些圆角+渐变+阴影的年代已经过去,不过在此仍然要去说下古老的iOS返回按钮。 在过去的年代,大家都以iOS的设计元素为自己移动版页面的设计...

    滑动解锁特效.zip

    滑动解锁特效是一款jquery css3实现的仿Iphone解锁插件,使用webkit浏览器CSS渐变的效果实现。

    frontend-101:前端分配可以更好地理解和实践CSS和JAVASCRIPT

    A(CSS) 自适应CSS Flex Box的实践自适应CSS Flex Box的实践自适应CSS Flex Box的实践进行响应式导航使用CSS制作的3D按钮SVG动画用于创建iPhone X主屏幕墙纸CSS渐变使用CSS Clip-Path属性创建动画,如《B...

    切图框架SLICY 1.2.rar

    切图框架SLICY,始于2009年,国内首款响应式html5/css3框架,兼容 ie6、ie7、ie8、firefox、chrome浏览器以及iphone、ipad等移动设备。切图框架SLICY 1.2 更新日志:2016-06-23精简了css代码删减了基础css文档里面 ...

    awesome-design:不断变化的工具、资源、教程、指南和示例集合

    终极 CSS 渐变生成器 CSS CSS 美化器 CSS 边框半径 CSS 剪辑路径制作工具 CSS 颜色名称 CSS过滤实验室 CSS 值 网格/结构 960网格发生器 网格计算器 响应式网格系统 图标和实体 应用程序图标模板 Cop

    jQuery Mobile快速入门 源码 SourceCode

    使用表格和css渐变来格式化内容;创建可主题化的设计;jquerymobile api;服务集成策略;使用phonegap轻松部署jquerymobile应用程序等。通过本书的学习,读者将会获悉jquerymobile的核心特性,以及如何创建可主题化...

    滑动解锁特效特效代码

    滑动解锁特效是一款jquery+css3实现的仿Iphone解锁插件,使用webkit浏览器CSS渐变的效果实现。

    jQuery Mobile快速入门完整版.pdf + 所有源码

    使用表格和CSS渐变来格式化内容;创建可主题化的设计;jQuery Mobile API;服务集成策略;使用PhoneGap轻松部署jQuery Mobile应用程序等。通过本书的学习,读者将会获悉jQuery Mobile的核心特性,以及如何创建可主题...

    jquery mobile快速入门

    使用表格和css渐变来格式化内容;创建可主题化的设计;jquery mobile api;服务集成策略;使用phonegap轻松部署jquery mobile应用程序等。通过本书的学习,读者将会获悉jquery mobile的核心特性,以及如何创建可主题...

    jQuery Mobile快速入门

    使用表格和CSS渐变来格式化内容;创建可主题化的设计;jQuery Mobile API;服务集成策略;使用PhoneGap轻松部署jQuery Mobile应用程序等。通过本书的学习,读者将会获悉jQuery Mobile的核心特性,以及如何创建可主题...

Global site tag (gtag.js) - Google Analytics