为了账号安全,请及时绑定邮箱和手机立即绑定

CSS动画实用技巧

讲得真烂╭∩╮(︶︿︶)╭∩╮
时钟摆动的时候还会变模糊,咋实现的
这个属性连续设置几个 在安卓会卡
好小的代码,看不到啦啦
十分经典的课程,有用的干货,良心的导师
讲的太快听不清,眼都要瞪瞎了看不清
.spinner{
width:10em;
height:10em;
margin:100px auto;
border:1.1em solid #666;
border-left-color:#fff;
border-radius:50%;
-webkit-animation:lood 1.1s infinite linear;
}


@-webkit-keyframes lood{
from{ transform:rotate(0deg);}
to{ transform:rotate(360deg);}
}
.spinner .line2{

-webkit-animation-delay:-1.1s;}

......省略

.spinner .line5{
-webkit-animation-delay:-0.8s;}

@-webkit-keyframes strechdelay{
0%,40%,100%{
-webkit-transform:scaleY(0.4);
}
20%{
-webkit-transform:scaleY(1);}
}
.spinner{
width:50px;
height:50px;
margin:100px auto;

}

.spinner > div{
display:inline-block;
float:left;
margin:0 2px;
width:6px;
height:100%;
background:green;
-webkit-animation:strechdelay 1.2s infinite ease-in-out;
}
默默走过!
-webkit-animation:fadeOut 1.0s infinite ease-in-out;

@-webkit-keyframes fadeOut{
from{-webkit-transform:scale(0,0);}
to{-webkit-transform:scale(1,1); opacity:0;}
}
纠正一下,这个可以运行
-webkit-animation:fadeOut 1.0s infinite ease-in-out;

}
@-webkit-keyfromes fadeOut{
from{-webkit-transform:scale(0,0);}
to{-webkit-transform:scale(1,0); opacity:0;}
}
怎么不行啊?闪都不闪
讲得不怎么样。语速太快了,差评,
说话太快了,不详细,差评
课程须知
本课程适合HTML和CSS有一些实践的童鞋们。需要对CSS3有基本的了解。
老师告诉你能学到什么?
1、常用的CSS3动画属性介绍 2、介绍4个实用的动画技巧 3、如何一步步实现一个CSS3 Hover特效

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消