首先复习一下animation动画添加各种参数 （1）infinite参数，表示动画将无限循环。在速度曲线和播放次数之间还可以插入一个时间参数，用以设置动画延迟的时间。如希望使图标在1秒钟后再开始旋转，并旋转两次，代码如下 （2）alternate参数。animation动画中加入反向播放参数alt ...
分类：
Web程序 时间：
2017-12-20 14:57:41
阅读次数：
186
transform 属性 1、向元素应用 2D 或 3D 转换 2、该属性允许我们对元素进行旋转、缩放、移动或倾斜。 缩放与位移 角度旋转 ...
分类：
Web程序 时间：
2017-12-19 19:29:28
阅读次数：
283
1.改变background-size属性 将图片作为某个html元素的背景图片，用transition属性改变图片的大小。 这种方法有个问题是图片缩放的时候会出现抖动的现象 2.利用scale 使用img标签，并在img标签上添加transform属性改变scale值 这种方法能够获得比较平滑的缩 ...
分类：
Web程序 时间：
2017-12-19 15:14:00
阅读次数：
236
css中宽高位置什么的现在可以在样式中直接使用calc计算了 https://www.w3cplus.com/css3/how to use css3 calc function.html 运算符前后要有空格 兼容性 大家在实际使用时，同样需要添加浏览器的前缀 ...
分类：
Web程序 时间：
2017-12-17 14:09:38
阅读次数：
198
第一次用到这个选择器还是为了解决下面了的问题： 手机的前端，我们使用了mint-ui，里面有一个日期选择控件，但是选择的时候没有提供年月的选择器，如： 而是提供了下面的方式： 为了达到上面的效果，使用了一个讨巧的方法，用CSS3的选择器：nth-child(n)，直接让第3个（天数）元素隐藏掉。 参 ...
分类：
Web程序 时间：
2017-12-13 11:58:51
阅读次数：
193
页面布局→俗称搭建页面结构（html）和增加页面样式（css） 随着html5和css3的发展，页面布局工作也越来越复杂，但是也可以越来越好看 随着科技发展布局也分为：pc端布局和移动端布局 pc端布局的难点是要兼容每个浏览器→chrome FF IE 6 7 8，最烦人的是ie，具体的问题自己可以 ...
分类：
移动开发 时间：
2017-12-07 19:02:24
阅读次数：
146
虽然ie7,8现在很少会考虑到，但是最近做的一个项目的要求兼容ie7,8，无奈只能以客户为重。然后现在归纳一下我碰到的一些小问题及解决方案： 1.ie不支持css3的border-radius属性。 解决办法： 2.修改select框的默认样式 解决办法：看了网上的很多方法和问人之后，发现最好的方法 ...
分类：
其他好文 时间：
2017-12-01 23:34:34
阅读次数：
182
主要是使用 css3的animation，scale等于1是原图大小，大于1是把图片放大，小于1 是把图片缩小。animation-delay用来延迟5秒触发这个动画 ...
分类：
Web程序 时间：
2017-11-30 19:16:10
阅读次数：
293
【前言】 过渡（transition）可以在不适用Flash和JS的情况下，当元素从一种样式变成另一种样式时添加效果 【浏览器支持】 IE10、Firefox、Chrome、Opera支持transition属性 Safari需要前缀-webkit- IE9及之前版本不支持transition 【用 ...
分类：
Web程序 时间：
2017-11-29 18:29:06
阅读次数：
202
calc()从字面上可以把它理解成为一个函数function，英文单词是calculate（计算），是CSS3的一个新功能，用来显示元素的长度。 他的用途就是，如果你有一个元素，加了padding或者border就超出了原来预想的效果，或者把元素盒子撑破，这时我们就可以用calc()了, 注意： 1 ...
分类：
Web程序 时间：
2017-11-29 18:21:02
阅读次数：
212
