CSS3 渐变 背景 动画

CSS3 渐变

background: linear-gradient(to right, red , yellow);
    background: radial-gradient(circle, red, yellow);
    background: repeating-linear-gradient(red, yellow 10%, green 20%);
    background: repeating-radial-gradient(red, yellow 10%, green 20%);
    

CSS3 背景

background-color: #ccc;
    background-image: url("img.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

CSS3 动画

/*定义动画*/@keyframes animation_name {
from {
/*起始样式*/}
to {
/*结束样式*/}
}
/*应用动画*/.animation {
    animation-name: animation_name;
    animation-duration: 3s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！