2 lines
2.8 KiB
CSS
Executable File
2 lines
2.8 KiB
CSS
Executable File
#trois{font-size:14px;color:red;font-weight:bold;background:#fff;margin-right:auto;display:block;fill:red;animation:5s theThree}#deux{font-size:14px;color:#ff8c00;font-weight:bold;background:#fff;margin-right:auto;fill:#ff8c00;animation:5s theTwo}#un{font-size:14px;color:gold;font-weight:bold;background:#ff0;margin-right:auto;margin-left:19px;fill:gold;animation:theUn 5s}#ventes{font-size:7px;color:#000;font-weight:bold;width:150px;height:50px;vertical-align:top;margin-bottom:0px;display:inline;padding-bottom:10px;fill:#000;resize:none;transform:translate(-3px, 0);animation:5s theVente;text-transform:capitalize;top:-20px;bottom:100px;overflow:auto;clear:left}.logoAnime{text-align:center;font-size:14px;color:red;background:#f5f5f5;vertical-align:middle;margin-bottom:0px;margin-top:0px;margin-right:auto;margin-left:1px;border-color:#000;display:block;padding-top:2px;padding-right:2px;padding-left:10px;position:relative;fill:red;resize:none;animation:5s theLogo;text-transform:capitalize;visibility:visible}@keyframes theTwo{0%{transform:translate(40px);opacity:.1;fill-opacity:.1}10%{transform:translate(40px);opacity:.2;fill-opacity:.2}20%{transform:translate(40px);fill-opacity:.3;opacity:.3}30%{transform:translate(40px);fill-opacity:.4;opacity:.4}40%{fill-opacity:.5;opacity:.5}50%{fill-opacity:.6;opacity:.6}70%{fill-opacity:.3;opacity:.7}80%{fill-opacity:.3;opacity:.7}90%{fill-opacity:.8;opacity:.8}100%{transform:translate(0px);opacity:1;fill-opacity:1}}@keyframes theTree{0%{transform:translate(60px);opacity:.1;fill-opacity:.1}10%{transform:translate(60px);opacity:.2;fill-opacity:.2}20%{transform:translate(60px);fill-opacity:.3;opacity:.3}30%{transform:translate(60px);fill-opacity:.4;opacity:.4}40%{transform:translate(60px);fill-opacity:.5;opacity:.5}50%{fill-opacity:.6;opacity:.6}70%{fill-opacity:.6;opacity:.6}80%{fill-opacity:.7;opacity:.7}90%{fill-opacity:.8;opacity:.8}100%{transform:translate(0px);opacity:1;fill-opacity:1}}@keyframes theUn{0%{transform:translate(28px);opacity:.2;fill-opacity:.2}10%{opacity:.3;fill-opacity:.3}20%{fill-opacity:.4}30%{fill-opacity:.5}40%{fill-opacity:.6}50%{fill-opacity:.7}70%{fill-opacity:.8}80%{fill-opacity:.9}90%{fill-opacity:.9}100%{transform:translate(0px);opacity:1;fill-opacity:1}}@keyframes theVente{0%{transform:translate(80px);opacity:0;fill-opacity:0}10%{transform:translate(80px);opacity:.1;fill-opacity:.1}20%{transform:translate(80px);fill-opacity:.1;opacity:.1}30%{transform:translate(80px);fill-opacity:.1;opacity:.1}40%{transform:translate(80px);fill-opacity:.2;opacity:.2}50%{transform:translate(80px);fill-opacity:.2;opacity:.2}70%{transform:translate(80px);fill-opacity:.2;opacity:.2}80%{fill-opacity:.3;opacity:.3}90%{fill-opacity:.8;opacity:.8}100%{transform:translate(-3px);opacity:1;fill-opacity:1}}@keyframes theLogo{from{transform:rotate3d(0, 0, 0, 0deg)}to{transform:rotate3d(0, 1, 0, 360deg)}}
|