User:Thisasia/common.css

/* .ani{ Background:black; Height:30px; Width:30px; Transform-origin:center; Border-radius:100%; Transition:10s; Display:inline-block; Justify-content:center; Align-items:center; Position:relative; animation :ani 3s  linear infinite; } .ani2{ Height:96%; Width:96%; Border-radius:100%; Transform-origin:center; Display:flex; Justify-content:center; Align-items:center; } @keyframes ani{ from { transform:rotate(0deg); }   to { transform:rotate(360deg); } 0%{ transition: 100s ; color: white ; border:solid 1px red; }   25%{ transition: 100s ; color: white ; border:solid 1px blueviolet; background:deeppink; } 50%{ transition: 100s; border:solid 1px green; Background:black; } 100%{ transition: 100s ; border: solid 1px green; background:aqua; } } .ani3{ background:aqua; Border-radius:100%; Height:2px; Width:5px; position:absolute; right:51%; animation :ani3 0.3s  linear infinite; } @keyframes ani3{ 0%{ transition: 50s ; Background:red; }   25%{ transition: 100s ; background:white; } 50%{ transition: 50s; Background:darkgreen; } 100%{ transition: 100s ; background:white; } } .tittle{ Transform-origin: DISPLAYTITLE('') }