随笔分类 -  CSS3

摘要:首先要有个容器,并设置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)
摘要:一、圆角(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)
摘要:CSS动画分为两大组成部分:transition和animation 在CSS 3引入Transition(过渡)这个概念之前,CSS是没有时间轴的。也就是说,所有的状态变化,都是即时完成。 transition的使用注意 (1)目前,各大浏览器(包括IE 10)都已经支持无前缀的transitio 阅读全文
posted @ 2017-10-19 15:42 云来云往 阅读(253) 评论(0) 推荐(0)