说明 刚开始是打算使用jQuery中的fadeIn和fadeOut方法来完成这种带有渐变效果的轮播图的，由于好长时间没有碰jQuery （实力不允许:) ） ，所以在用jQuery尝试了一下并且失败了之后，就打算使用原生的JavaScript来完成了。 实现原理 我首先在CSS中定义好了两个类，一个 ...
分类：
Web程序 时间：
2020-06-27 20:24:47
阅读次数：
117
[A] 浏览器前缀 CSS去兼容不同的浏览器，这主要是这对于旧的浏览器做兼容，新的浏览器基本不需要添加前缀了 浏览器 内核 前缀 IE Trident -ms- Firefox Gecko -moz- Opera Preto -o- Chrome Webkit -webkit- Safari Web ...
分类：
Web程序 时间：
2020-06-13 23:26:51
阅读次数：
69
将下拉菜单的ul高度设置为0，并且超出部分隐藏掉。 设置下拉菜单的高度添加过渡效果，高度为auto时过渡效果失效。 <style> ul{ list-style: none; margin: 0; padding: 0; } ul li a{ display: block; text-decorat ...
分类：
Web程序 时间：
2020-06-09 20:47:39
阅读次数：
81
在css中使用伪类虽然实现了样式的改变，但由于没有过渡效果会显得很生硬。以前如果要实现过渡，就需要借助第三方的js框架来实现。现在只需要使用CSS3的过渡（transition）功能，就可以从一组样式平滑的切换到另一组样式。 （1）背景色过渡变化 下面鼠标移入后，按钮背景色会慢慢地变成黄色。鼠标离开 ...
分类：
Web程序 时间：
2020-06-07 16:35:02
阅读次数：
232
前言 上一篇 css3 动画（一） transition 中，介绍了 transition 的用法。其中 transition 包含四个可设置的属性： 有过渡效果的属性 过渡时长 过渡函数？ 过渡时延 其中，1、2 以及 4 都挺好理解的，但是 3 是个什么东西？其实 3 是 css3 中的 tim ...
分类：
Web程序 时间：
2020-06-02 11:07:35
阅读次数：
84
4.x版本有如下特性： 1. 模块化 不再是一个整体，而是分为多个模块，可以按需加载，例如： d3-selection 选择器d3-shape 图形d3-array 数组d3-force 力导向图d3-zoom 缩放 2. 支持canvas 3. 命名精简和更语义化 布局省去layout，生成器省去 ...
分类：
其他好文 时间：
2020-05-30 15:35:31
阅读次数：
244
最近做一个项目，项目中用到显示屏比较大，3840*1080，为了充分发挥大屏的显示区域，有一个分屏的功能，将大屏分为两个小屏，独立显示。在实现这个需求的时候使用了虚拟屏来实现小屏。为了过渡效果的平滑，需要做一些切换动画，其中一个点是要抓取虚拟屏的screenshot。 刚开始我使用了SurfaceC ...
分类：
移动开发 时间：
2020-05-24 15:18:00
阅读次数：
125
过渡效果（Transition）插件提供了简单的过渡效果。 Transition.js 是 transitionEnd 事件和 CSS 过渡效果模拟器的基本帮助器类。它被其他插件用来检查 CSS 过渡效果支持，并用来获取过渡效果。 使用案例 过渡效果（Transition）插件的使用案例： 具有幻灯 ...
分类：
其他好文 时间：
2020-05-16 14:02:25
阅读次数：
77
.vogueHover { width: 100%;height: 100%; position: absolute; left: 0; top: 0; background: #001e50; z-index: 9999; opacity:0 } .vogueHover:hover { trans ...
分类：
Web程序 时间：
2020-05-15 15:39:21
阅读次数：
58
由于hover伪类添加的动画效果，仅当鼠标放在元素上时会被触发，而当鼠标离开时，效果会中断，会显得很生硬。 大多数人的想法都是使用js的onmouseover和onmouseleave事件来实现动画效果。其实不必这么麻烦，CSS3便可以帮你解决这些问题。 <!DOCTYPE html> <html ...
分类：
Web程序 时间：
2020-05-11 18:55:22
阅读次数：
430
