weixin_49035434的博客

<style> .clearfix::after{ content: ""; display: table; clear: both; } .wrap{ width: 700px; margin: 0 auto; border: 1px solid red; } .top, .foot{ height: 50px; border: 1px solid red; bac...

什么是 CSS 动画？动画使元素逐渐从一种样式变为另一种样式@keyframes 规则如果您在@keyframes规则中指定了 CSS 样式，动画将在特定时间逐渐从当前样式更改为新样式。要使动画生效，必须将动画绑定到某个元素。下面的例子将 "example" 动画绑定到 <div> 元素。动画将持续 4 秒钟，同时将 <div> 元素的背景颜色从 "red" 逐渐改为 "yellow"：/* 动画代码 */@keyframes example { ..

CSS 转换（transforms）允许您移动、旋转、缩放和倾斜元素。CSS 2D 转换方法translate() 方法从其当前位置移动元素（根据为 X 轴和 Y 轴指定的参数）。下面的例子把 <div> 元素从其当前位置向右移动 50 个像素，并向下移动 100 个像素：如果是一个值,第二个值默认为0div { transform: translate(50px, 100px);}rotate()方法根据给定的角度顺时针或逆...