css用的过程中知识点
2019-07-25 本文已影响0人
cj小牛
-
渐变色
background:-webkit-linear-fradient(起始位置,起始颜色,结束颜色)
background:-webkit-linear-fradient(top,#fff,#dedede);
2 动画
animation:动画名称 动画时间 动画方式 持续动画
animation: orbmove3 60s linear infinite ;
@keyframes orbmove3{
from{
其实位置就是开始在的位置, rotate 轩轩的角度
transform: translateX(0px) rotate(0deg);
}
to{
其实位置就是解释的位置, rotate 结束时旋转的角度,需要转的快就把值写大,正顺时针。transform: translateX(-2000px) rotate(3600deg);
}
}
*经出场动画
要动画的父空间添加:
perspective:1000px ;透视
要动画的空间添加
transform:translabe(-50%,-50%) translates(距离<父的透视距离,这个值越看起来越大)
transition:all 3s;所有的,过渡时间3s