请教个问题，CSS3动画，怎样控制才能在网页完全载入后，才开始

请教个问题，CSS3动画，怎样控制才能在网页完全载入后，才开始执行动画代码。
源代码：
.pic_box img{
animation: pic_boxis 0.2s linear;
}
@keyframes pic_boxis {
0% {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
border-radius: 250px;
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
border-radius: 0px;
}
}
这个动画样式，要怎么样才能网页完全载入完成后，再开始执行呢？