一些场合我们可能需要一些类似于如下下拉过渡的效果 实现方法这里总结两种 html结构 必须是这种结构,思路就是通过控制第二个盒子(在这儿是ul)的高度,实现上拉,下拉的效果,这儿只需要将 overflow: hidden;` 再结合css3过渡就可以实现 方法1:当ul有固定高度,这时可以为ul添加 ...
分类:
其他好文 时间:
2018-07-27 23:08:53
阅读次数:
226
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #333 !important; -webkit-box-shadow: 0 0 0px 10... ...
分类:
其他好文 时间:
2018-07-26 13:22:24
阅读次数:
145
1.给图片加loading效果 2.给ajax增加假的进度条,因为ajax只有0%和100%两种状态,可以随机到50%到80%随机的位置,成功后到达100%。 3.上传文件加载进度条 4.轮播图加过渡效果,明确当时显示的是第几张。 5.单击和输入给一定效果,明确不是页面没有响应。 1)按钮点击下陷的 ...
分类:
其他好文 时间:
2018-07-20 11:31:15
阅读次数:
135
过渡transition:属性名 过渡效果时间 时间速度曲线 开始时间 默认值: all 0 ease 0 ...
分类:
其他好文 时间:
2018-07-11 10:41:46
阅读次数:
139
transition-duration 属性规定完成过渡效果需要花费的时间(以秒或毫秒计)。 2D/3D 转换属性(Transform) 过渡属性(Transition) ...
分类:
其他好文 时间:
2018-07-06 14:52:29
阅读次数:
206
CSS3的 transition 属性用于状态过度效果! 1、语法: 上以语法兼容各浏览器。 2、transition含有四个部份设置,各部份设置如下: a) property :规定设置过渡效果的 CSS 属性的名称,可选值如下: 比如: transition: width 3s; 只让宽度产生动 ...
分类:
Web程序 时间:
2018-06-29 14:14:56
阅读次数:
680
前言 vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的,具体请自行详看文档介绍:https://vuefe.cn/v2/guide/migration.html#过渡。在使用2.0版本做过渡效果的时候,虽然比1.0版本强大很多,但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已 ...
分类:
其他好文 时间:
2018-06-28 13:52:43
阅读次数:
166
reveal.js是一个能够帮助我们很轻易地使用HTML来创建漂亮的演示效果,也就是我们常见的PPT幻灯片。reveal.js不依赖其他任何javascript库,是一个独立的javascript插件库。它提供了多种幻灯片过渡效果,是一个非常棒的在线演示库。 reveal.js还拥有许多高级特性,完 ...
分类:
Web程序 时间:
2018-06-14 14:51:40
阅读次数:
221
第1章 课程介绍本章主要介绍课程的知识大纲,学习前提,讲授方式及预期收获。第2章 Vue 起步本章将快速讲解部分 Vue 基础语法,通过 TodoList 功能的编写,在熟悉基础语法的基础上,扩展解析 MVVM 模式及前端组件化的概念及优势。第3章 Vue 基础精讲本章通过精挑细选的案例,精讲 Vu ...
分类:
移动开发 时间:
2018-05-27 15:15:56
阅读次数:
4203
1、在需要hover的标签上加上 transition: all .2s ease-in-out; 2、让高亮更有层次 .nav-items a{ opacity: .69; color:#fff; cursor: pointer; transition: all .2s ease-in-out;} ...
分类:
其他好文 时间:
2018-05-24 16:33:08
阅读次数:
178