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

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

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

 

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

​

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

 

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

 

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

 

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

 

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

 

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

 

五、动画延迟

 

1	animation-delay: 2s;

 

六、背景渐变色

 

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

 

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