css3
yysmilehaha
这个作者很懒,什么都没留下…
展开
-
transitions / animation 动画
div{ background: #ccc; 首先自己本身要有默认的 transition:background 1s linear; 多个可以用,号分开 可以用transform } div:hover{ background: red 后面再写改变之后的样子 } 实例文字 二:animation d原创 2015-09-07 15:07:47 · 320 阅读 · 0 评论 -
关于flex实现左右结构
*{ margin: 0; padding: 0 } body,html{ height: 100% } ul{ list-style: none; display: -webkit-box; display: -webkit-flex; -webkit-flex-flow:row nowrap; justify-co原创 2015-09-06 21:34:18 · 1459 阅读 · 0 评论 -
CSS3的布局学习
1.flex弹性盒子模型布局 2.多列布局 3.媒体查询 4.响应式图片 一:弹性盒子模型 分为弹性容器,弹性子元素,主轴,侧轴。 弹性容器常有的属性: flex-direction 设置主轴的方向 row column row-reverse column-reverse flex-wrap 超出时是否折行 wrap nowrap flex-flow 上面两个的复合属性 ju原创 2015-09-06 23:08:00 · 265 阅读 · 0 评论 -
transform属性
一:基础: /*旋转 缩放(1是正常) 倾斜,移动(先水平,后垂直)*/ div{ width: 300px; margin: 150px auto; background: #00aaff; text-align: center; /* transform:rotate(45deg); --webkit-transform: ro原创 2015-09-07 14:09:47 · 329 阅读 · 0 评论