当前位置:首页 > 博客 >Html/Css > 正文

css3的一些知识记录

时间:2017-03-01 14:06   作者:admin   点击:

1、css3动画参数

定义动画名称

@keyframes myfirst
{
0%   {background: red;}
25%  {background: yellow;}
50%  {background: blue;}
100% {background: green;}
}

使用动画

animation: myfirst 5s linear 2s infinite alternate;

blob.png

如果想让动画结束保持一个状态,就是最后一个参数


2、弹性盒子模型如何保持子元素平分宽度?

/*父级*/
display: box;display: -webkit-box;
/*子级*/
box-flex:1;-webkit-box-flex:1;width:1%;/*设值一个固定宽度值*/

原理:我觉得可能是设值了一个固定值给每个元素后,剩下的宽度一样(可能是负数,因为你设值的宽度已经超过总和了),然后均分给每个元素