css3背景图⽔平垂直顺时针逆时针翻转旋转.bgPlay{
background:url(../images/bg.jpg) no-repeat;
/* background-size:auto auto || cover 代表以宽或⾼填满元素背景 */
background-size:cover;
/* 设置宽⾼值 */
width:200px;
height:200px;
/* 设置默认样式，开启3d硬件加速 */
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
/
* 设置动画，animation：动画名称动画播放时长单位秒或微秒动画播放的速度曲线linear为匀速动画播放次数infinite为循环播放; */
-webkit-animation:play 3s linear infinite;
-moz-animation:play 3s linear infinite;
animation:play 3s linear infinite;
}
@-webkit-keyframes play{
engagein0% {
/*⽔平翻转*/
-webkit-transform:rotateY(0deg);
/*垂直翻转
-webkit-transform:rotateX(0deg);
ai
顺时针旋转
-webkit-transform:rotate(0deg);资源环境科学
grex逆时针旋转
-webkit-transform:rotate(0deg);
*/
}
100% {
/* ⽔平翻转 */
-webkit-transform:rotateY(360deg);
/* 垂直翻转
-webkit-transform:rotateX(360deg);
顺时针旋转
-webkit-transform:rotate(360deg);it is my life
粗笨逆时针旋转定语从句语法
-webkit-transform:rotate(-360deg);
*/
}
}
西点烘焙培训班
@-moz-keyframes play{
0% {
-moz-transform:rotateY(0deg);
/*
-
moz-transform:rotateX(0deg);
-moz-transform:rotate(0deg);
-moz-transform:rotate(0deg);
*/
}
100% {
-moz-transform:rotateY(360deg);
/*
-moz-transform:rotateX(360deg);
-moz-transform:rotate(360deg);
-moz-transform:rotate(-360deg);
*/
}
}
@keyframes play{
0% {
transform:rotateY(0deg);
/*
transform:rotateX(0deg);
transform:rotate(0deg);
transform:rotate(0deg);
*/
}
100% {
transform:rotateY(360deg);
you are welcome
/*
transform:rotateX(360deg);
transform:rotate(360deg);
奥特曼英文transform:rotate(-360deg);
*/
}
}
