，变形(transform)和动画(animation)。 当知道动画的起始状态和终止状态，并且需要一个简答的变形方法时，使用CSS过渡(transition)。 当需要在视觉上改变某个元素但又不想影响页面布局的时候，使用CSS ...
分类：
Web程序 时间：
2018-02-12 20:06:45
阅读次数：
237
礼悟： 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。 虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。 代码 效果 扩展 css3基础 transition 配合position，实现从左往右弹出的效果 CSS3优秀，值得学习。学习资源： www.w3cschoo ...
分类：
Web程序 时间：
2018-02-11 22:42:24
阅读次数：
4831
礼悟： 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。 虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。 代码 效果 扩展 css3基础 transition 配合position，实现从右往左弹出的效果 CSS3优秀，值得学习。学习资源： www.w3cschoo ...
分类：
Web程序 时间：
2018-02-11 22:38:28
阅读次数：
570
礼悟： 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。 虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。 代码 效果 这是一个动态变化的过程，如感兴趣还需自行测试。 CSS3优秀，值得学习。学习资源： www.w3cschool.cn + itcast和itheim ...
分类：
Web程序 时间：
2018-02-11 18:13:35
阅读次数：
436
礼悟： 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。 虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。 代码 效果 它是一个动态的效果，可以 自行测试。 CSS3优秀，值得学习。学习资源： www.w3cschool.cn + itcast和itheima视频库 ...
分类：
Web程序 时间：
2018-02-11 16:18:31
阅读次数：
399
使用css3的动画属性来实现js的移动效果 先把类名和CSS属性写好。 使用transition全局属性来实现动画从左到右的移动宽度的时间。 使用transition-property属性来指定类名的宽度移动效果的时间。 使用transition-delay来实现它的延迟时间。 使用transiti ...
分类：
Web程序 时间：
2018-02-06 20:23:19
阅读次数：
175
[1]常用动画属性——`transition` [2]常用动画属性——`animation` [3]常用动画属性——`transform` [4]常用动画属性——`animation-delay`为负值 [5]常用动画属性——妙用`border`颜色 [6]常用动画属性——巧用`border`宽度 ... ...
分类：
Web程序 时间：
2018-02-03 00:35:13
阅读次数：
238
写在前面： 在前端开发的过程中，如果有注意的话，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，这就引出了两个概念：优雅降级和渐进增强。 渐进增强和优雅降级概念出现的原因： 翻看进度条，会发现渐进增强和优雅降级这两个 ...
分类：
其他好文 时间：
2018-02-02 17:12:50
阅读次数：
189
有人可能会有疑问，CSS3动画不是只有animation一个属性吗？怎么又和转化（transform）和过渡（transition）扯上关系了，其实并非如此，转化（transform）属性让动画的变换多元化，而过渡（transition）属性是动画中的一种表现形式，也可以说成是动画一个版本。 css ...
分类：
其他好文 时间：
2018-01-27 17:00:51
阅读次数：
170
