码迷,mamicode.com
首页 >  
搜索关键字:CSS3    ( 9747个结果
详解CSS的Flex布局
本文由云+社区发表 Flex是Flexible Box 的缩写,意为"弹性布局",是CSS3的一种布局模式。通过Flex布局,可以很优雅地解决很多CSS布局的问题。下面会分别介绍容器的6个属性和项目的6个属性。每个属性会附上效果图,具体实现代码会以github路径形式更新于此。 1.浏览器支持情况 ...
分类:Web程序   时间:2018-12-13 12:14:49    阅读次数:165
什么是jQuery Mobile
jQuery Mobile 是一种 web 框架,用于创建移动 web 应用程序。 jQuery Mobile 是一个为触控优化的框架,用于创建移动 web 应用程序。 jQuery 适用于所有流行的智能手机和平板电脑: jQuery Mobile 构建于 jQuery 库之上,这使其更易学习,如果 ...
分类:Web程序   时间:2018-12-12 23:51:16    阅读次数:313
向上滑动的文字提示效果探索
最近有一个需求,是让我把一个效果优化一下。这个效果是页面加载完后,会有一个向上滑动的文字提示动画效果,如下图 注:下面的例子我都会附上完整demo,以供有需要的小伙伴测试和借鉴 之前是后台同事用 JS 实现的,代码如下: 然后,我用纯 CSS3 做了优化,代码如下: 后来有一个需求是,当用户向上滑动 ...
分类:其他好文   时间:2018-12-12 23:43:36    阅读次数:316
CSS3 渐变
CSS3 渐变渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡。兼容性:IE10+,Chrome26+,FireFox16+,Safari6.1+,Opera12.1+CSS3线性渐变线性渐变属性(Linear Gradients)是沿着一根轴线改变颜色,从起点到终点颜色进行顺 ...
分类:Web程序   时间:2018-12-12 19:40:13    阅读次数:967
移动端rem用法总结
先介绍一下这个近年来突起的黑马 CSS3中新增的属性,从IE9开始兼容,手机端都兼容。参考的是<html>这个标签的font-size。rem中的r就是root根的意思。所以rem要比em好用的多,因为em参考的是父亲的字号,和rem永远参考的是根元素(html标签)的字号。rem被发明,实际上是为 ...
分类:移动开发   时间:2018-12-12 19:01:54    阅读次数:202
纯CSS3实现iOS7扁平化图标
在线演示 本地下载 ...
分类:移动开发   时间:2018-12-12 00:43:05    阅读次数:210
纯CSS3个性化圆形按钮登录表单
在线演示 本地下载 ...
分类:Web程序   时间:2018-12-12 00:30:50    阅读次数:190
纯CSS3实现Metro Icon
在线演示 本地下载 ...
分类:Web程序   时间:2018-12-12 00:16:37    阅读次数:183
纯CSS3绘制的黑色图标按钮组合
在线演示 本地下载 ...
分类:Web程序   时间:2018-12-12 00:12:09    阅读次数:214
css3 position:sticky
最近在写一个小程序,项目中遇到一个需求:页面滚动到tab切换菜单时,菜单fixed到页面顶部; 实现方法: 使用小程序的onPageScroll事件,滚动到指定位置添加fixed样式; bug1:获取指定位置错误,因为上面都是图片,在图片未加载出来时获取高度,高度值不对,解决办法就是在imgae上加 ...
分类:Web程序   时间:2018-12-11 17:22:50    阅读次数:239
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!