直播系统代码，几种CSS3常用动画效果和样式

直播系统代码，几种CSS3常用动画效果和样式

一、360旋转 修改rotate旋转度数，代码如下：

 

* {
    transition:All 0.4s ease-in-out;
}
*:hover {
    transform:rotate(360deg);
}

​

二、放大 修改scale放大的值，代码如下：

 

* {
    transition:All 0.4s ease-in-out;
}
*:hover {
    transform:scale(1.2);
}

 

三、旋转放大 修改rotate旋转度数和scale放大值，代码如下：

 

* {
    transition:All 0.4s ease-in-out;
}
*:hover {
    transform:rotate(360deg) scale(1.2);
}

 

四、上下左右移动 修改translate的x轴和y轴，代码如下：

 

* {
    transition:All 0.4s ease-in-out;
}
*:hover {
    transform:translate(0,-10px);
}

 

五、动画延迟

 

animation-delay: 2s;

 

六、背景渐变色

 

background: linear-gradient(top, #ffffff,  #d8ffae);

 

以上就是直播系统代码，几种CSS3常用动画效果和样式， 更多内容欢迎关注之后的文章

 

标签：CSS3,动画,scale,代码,0.4,transform,直播,ease,out
来源： https://www.cnblogs.com/yunbaomengnan/p/16532115.html