随笔分类 - css
摘要：steps() 是 animation-timing-function 的属性值 animation-timing-function : steps(number[, end | start]) steps 函数指定了一个阶跃函数，它接受两个参数 第一个参数接受一个整数值，表示两个关键帧之间分几步完
阅读全文
摘要：等分布局是指子元素平均分配父元素宽度的布局方式，本文将介绍实现等分布局的4种方式 思路一: float 缺点:结构和样式存在耦合性，IE7-浏览器下对宽度百分比取值存在四舍五入的误差 【1】float + padding + background-clip 使用padding来实现子元素之间的间距，
阅读全文
摘要：本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 1、交错动画 body { display: flex; height: 100vh; justify-content: center; align-items: center; background: #222; } .loadi
阅读全文
摘要：<style type="text/css"> *{ margin:0; padding:0; } body, html { width:100%; height:100%; overflow:hidden; } .header { background: #C9F; width: 100%; he
阅读全文
