PS CSS6动画是一个非常强大的动画工具，在各种设计领域中得到广泛应用。它具有丰富的功能和灵活的操作方式，让设计师可以轻松创建出各种酷炫的动画效果。

.animation {
animation-name: fadeIn;
animation-duration: 2s;
animation-timing-function: ease-out;
animation-delay: 0s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

在网页设计中，PS CSS6动画可以用来制作页面的各种特效，如图片的放大、文字的渐变等等。同时，它也可以用来制作网页的加载动画，让整个页面显得更加优美。

.loading {
animation-name: spin;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

在移动端设计中，PS CSS6动画可以用来增加应用程序的用户体验，如下拉刷新、页面过渡效果等等。它的作用不仅仅是美化界面，还可以提升应用程序的交互效率和体验。

.pull-down-refresh {
animation-name: pullDown;
animation-duration: 2s;
animation-timing-function: ease-out;
animation-delay: 0s;
}
@keyframes pullDown {
0% {
transform: translate(0, -50px);
}
100% {
transform: translate(0, 0);
}
}

综上所述，PS CSS6动画是一个非常实用的工具，它可以让我们在各种设计领域中创造出令人瞩目的动画效果。因此，掌握它的使用方法是每一个设计师必不可少的技能。