最新回答 / Ezreal1
这个我懂了.. transition-property:width; 是指定width有过度效果. 后面两个属性是没动画效果的.还是可以执行的
最赞回答 / Jean_Lee_mihu
animation-fill-mode主要具有四个属性值：none、forwards、backwords和bothnone---默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处、forwards---表示动画在结束后继续应用最后的关键帧的位置backwards---会在向元素应用动画样式时迅速应用动画的初始帧both---元素动画同时具有forwards和backwards效果
2015-05-11
最新回答 / 慕粉1420362554
<!DOCTYPE html><html><head><meta charset="utf-8"><title>变形与动画</title>/* <link href="style.css" rel="stylesheet" type="text/css"> */ <style>@keyframes move { 0%{ transform: translateY(90px); } 15%{ ...
2015-05-11
最新回答 / 慕函数6472736
我认为老师有重复的地方，比如出现.item .information{ 样式}这段代码中，其实应该去掉.item。在删除img和.information的transition肯定能运行，毕竟transition是渐变动画这一类的，并不属于移动旋转。其实这里主要分2次设置动画样式：是设置.item的3d动画 （即鼠标经过 实现翻转 ）总的动画效果达到了，就需要在鼠标没有经过时item里的内容需要怎么排列（即图片在前面 文字是不可见即与X轴平行的），要实现这个效果所以就得分别给img和.information...
2015-05-10
@-webkit-keyframes changeColor {
from {
background: red;
}
to {
background:green;
}
}
div:hover {
-webkit-animation-name: changeColor;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-delay: .1s;
}
from {
background: red;
}
to {
background:green;
}
}
div:hover {
-webkit-animation-name: changeColor;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-delay: .1s;
}
2015-05-10
@-webkit-keyframes around{
0% {
-webkit-transform: translateX(0);
}
25%{
-webkit-transform: translateX(180px);
}
50%{
-webkit-transform: translate(180px, 180px);
}
75%{
-webkit-transform:translate(0,180px);
}
100%{
-webkit-transform: translateY(0);
}
}
0% {
-webkit-transform: translateX(0);
}
25%{
-webkit-transform: translateX(180px);
}
50%{
-webkit-transform: translate(180px, 180px);
}
75%{
-webkit-transform:translate(0,180px);
}
100%{
-webkit-transform: translateY(0);
}
}
2015-05-10
是否忘记加入前缀了？
Chrome和Safari:
@-webkit-keyframes、-webkit-animation
Foxfire:
@-moz-keyframes、-moz--animation
Chrome和Safari:
@-webkit-keyframes、-webkit-animation
Foxfire:
@-moz-keyframes、-moz--animation
2015-05-10
a为元素的水平伸缩量，1为原始大小；
b为纵向扭曲，0为不变；
c为横向扭曲，0不变；
d为垂直伸缩量，1为原始大小；
e为水平偏移量，0是初始位置；
f为垂直偏移量，0是初始位置
b为纵向扭曲，0为不变；
c为横向扭曲，0不变；
d为垂直伸缩量，1为原始大小；
e为水平偏移量，0是初始位置；
f为垂直偏移量，0是初始位置
2015-05-10