settings
project全体(管理者であるsta.iconだけでなく読者全員)にも波及する設定はこのページに記載される
code:style.css
@import "/api/code/sta/pin-border/index.css";
@import "../アイラが見ているUserCSS/style.css";
@import "/api/code/sta/disable-hilight-in-literal/index.css";
code:zzzstyle.css
@keyframes icon-rotate {
0%{ transform: rotate(0);}
100%{ transform: rotate(360deg);}
}
.deco-- img.icon {
animation: 0.4s icon-rotate linear infinite;
}
デフォは1.5s
0.4sだとかなり早い
0.2sは速すぎてギアが見える
code:style.css
@keyframes icon-shake {
0% { transform:translate(0, 0) rotate(0); }
16.66% { transform:translate(2px, -2px) rotate(-5deg); }
33.32% { transform:translate(2px, 1px) rotate(5deg); }
49.98% { transform:translate(0, 0) rotate(0); }
66.64% { transform:translate(-2px, -2px) rotate(5deg); }
83.30% { transform:translate(-2px, 3px) rotate(-5deg); }
100% { transform:translate(0, 0) rotate(0); }
}
.deco-\! img.icon {
animation: 0.15s icon-shake linear infinite;
}