响应式简历里面的头像边框要求鼠标悬停在头像区域时，box-shadow放大后再缩小的闪烁效果 一开始用的transition，效果接近，但没有闪烁效果 .user-inform .user-img:hover { box-shadow: 0 0 5px 10px #88bde8; .user-inf ...
分类：
其他好文 时间：
2018-01-05 16:03:01
阅读次数：
191
transition、animation和transform是CSS3中三个制作动画的重要属性，本篇文章主要对其进行学习了解。 一、transition transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画 ...
分类：
Web程序 时间：
2018-01-02 11:29:45
阅读次数：
499
interactable:交互,取消勾选则点击失效 transition:过渡 1.none 2.color tint 色调target graphhic目标图形normal color正常的颜色highlighted color突出的颜色,鼠标移动到button上面pressed color按下的 ...
分类：
编程语言 时间：
2018-01-01 17:07:37
阅读次数：
141
CSS vs. JS Animation: 哪个更快? CSS vs. JS Animation: 哪个更快? 基于JavaScript的动画竟然已经默默地比CSS的transition动画快了？而且，Adobe和 Google竟然一直在发布可以媲美原生应用的富媒体移动站点？ 这篇文章将会逐点讲解基 ...
分类：
Web程序 时间：
2017-12-31 13:35:58
阅读次数：
270
CSS3动画属性：transform（变换）：大小、位置、颜色、变形等状态的变化transition（过渡）：初始状态过渡到结束状态这个过程中产生的动画animation（动画）：定义关键帧动画 CSS3可以实现多种动画效果，下面说的是CSS3实现一个3D翻转的动画效果。 属性介绍：perspect ...
分类：
Web程序 时间：
2017-12-29 16:58:21
阅读次数：
222
1.改变background-size属性 将图片作为某个html元素的背景图片，用transition属性改变图片的大小。 这种方法有个问题是图片缩放的时候会出现抖动的现象 2.利用scale 使用img标签，并在img标签上添加transform属性改变scale值 这种方法能够获得比较平滑的缩 ...
分类：
Web程序 时间：
2017-12-19 15:14:00
阅读次数：
236
transition: color .2s linear,background-color .2s linear,border .2s linear; transition: all .2s linear; ...
分类：
其他好文 时间：
2017-12-19 01:13:38
阅读次数：
107
http://yisibl.github.io/cubic-bezier/#.17,.67,.94,.53 前言 在了解 cubic-bezier 之前，你需要对 CSS3 中的动画效果有所认识，它是 animation-timing-function 和 transition-timing-fun ...
分类：
Web程序 时间：
2017-12-15 17:24:43
阅读次数：
195
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0); transition: all 0.2s linear; ...
分类：
其他好文 时间：
2017-12-13 14:36:20
阅读次数：
140
CSS动画语法小结，Animation动画，transition过渡属性，transform转换属性 ...
分类：
Web程序 时间：
2017-12-13 14:23:04
阅读次数：
143
