1.边框圆角,边框阴影 2.背景图片的大小 3.文本效果 4.字体@font-face用的少，毕竟引入字体文件都是比较大的，得不偿失。（非必要情况勿用） 5.元素2D 移动、旋转、放大/缩小、翻转；3D X轴旋转、Y轴旋转 6.过渡效果transition 7.动画@keyframes、animat ...
分类：
Web程序 时间：
2017-03-30 18:45:35
阅读次数：
288
动画 transition --> --> ... ...
分类：
Web程序 时间：
2017-03-29 01:17:34
阅读次数：
224
动态网站第一步：动态下拉菜单 关键点： overflow:hidden max-height xx:hover {} 设置当鼠标移上之后的效果 transition: 设置过度时间 cursor: 设置鼠标效果 opacity: 设置透明度 0-1 如下图所示 <!DOCTYPE html><htm ...
分类：
Web程序 时间：
2017-03-27 15:53:41
阅读次数：
181
转自：温故而知鑫，10年的时候写过一篇可用性方面的文章：“页面可用性之outline轮廓外框的一些研究”，还算挺有用的；3年之后，也就是13年，介绍了个没什么使用价值的东西：“纯CSS实现的outline切换transition动画效果”。 ...
分类：
Web程序 时间：
2017-03-23 01:01:15
阅读次数：
142
关于transition，css教程中有一个很简单的例子: 当鼠标悬浮于div上时，会渐变消失 但当opacity改为width，或者height时，过渡却不会发生！后来发现当改变width、height等时必须预先设定其高/宽，否则过渡失效！ ...
分类：
其他好文 时间：
2017-03-21 14:04:19
阅读次数：
1188
涉及到的属性： transition-delay transition-duration transition-property transition-timing-function ...
分类：
Web程序 时间：
2017-03-15 19:00:28
阅读次数：
204
之前讲解的都是vue1.0的使用，现在我们开始介绍vue2.0，这里的介绍是在vue1.0的基础上进行介绍的，主要介绍的是同vue1.0版本相比2.0的变化 vue2.0动画的变化:现在变成: <transition> 运动东西(元素,属性,路由.....); </transition> class ...
分类：
其他好文 时间：
2017-03-12 13:36:33
阅读次数：
387
CSS3动画 过渡属性transiton-property 早期在Web中要实现动画效果，都是依赖于JavaScript或Flash来完成。但在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。简单点说，就是通过鼠标的单击、获 ...
分类：
Web程序 时间：
2017-03-12 13:10:40
阅读次数：
159
先讨论几个css 问题 1，css 清除浮动的方法 2，css 居中 3，多行省略号 4，小布局技巧 2D 动画功能属性兼容性：transform、transition、animation transform 可以实现旋转、缩放、倾斜、移动四种类型的变形处理。 transition、animatio ...
分类：
Web程序 时间：
2017-03-08 23:17:03
阅读次数：
442
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ translate：平移；是transform的一个属性； transform：变形；是一个静态属性，可以改变元素的形状或位置，做出2d或3d效果； transition：过渡，转变；使css属性值在一段时 ...
分类：
Web程序 时间：
2017-03-07 08:41:29
阅读次数：
320
