only_cheng的博客

css渐变（gradients） 线性渐变（linear gradients）-向下/向上/向左/向右/对角方向。 /*background: linear-gradient(direction, color stop1, color stop2, ...)*/ background: linear-gradient(to right, black 50%, white 50%); 径向渐变（radial gradient）-由它们中心定义 /*background: radial-gradien

学习动画，记录一下。 HTML部分：类似图标，所以用了i标签。 <i class="taichi"></i> css部分： .taichi { display: block; width: 400px; height: 400px; background: linear-gradient(to right, black 50%, white 50%);/*从左边往右边 先黑色到50%换成白色*/