随笔分类 -  CSS3

3分钟看懂flex布局
摘要：首先要有个容器，并设置display:flex;display:-webkit-flex;该容器有以下六个属性： 1 2 3 4 5 6 7 8 9 10 11 12 flex-direction (元素排列方向) row, row-reverse, column, column-reverse f 阅读全文
posted @ 2017-11-10 16:40 云来云往 阅读(184) 评论(0) 推荐(0)
CSS3常用功能的写法
摘要：一、圆角（Rounded Corner） 圆角的实现比较简单，只要设好一个半径值就可以了。但是目前所有的IE都不支持CSS圆角，要等到IE 9才行。 .box_round { -moz-border-radius: 30px; /* FF1+ */ -webkit-border-radius: 30 阅读全文
posted @ 2017-10-19 16:02 云来云往 阅读(208) 评论(0) 推荐(0)
animation与transition的简单讲述
摘要：CSS动画分为两大组成部分：transition和animation 在CSS 3引入Transition（过渡）这个概念之前，CSS是没有时间轴的。也就是说，所有的状态变化，都是即时完成。 transition的使用注意 （1）目前，各大浏览器（包括IE 10）都已经支持无前缀的transitio 阅读全文
posted @ 2017-10-19 15:42 云来云往 阅读(253) 评论(0) 推荐(0)