Due to poor client support for RGBA values, the tool will automatically convert to hex.

Live

CSS
.bar{-moz-animation:animate-bar 3s linear;-webkit-animation:animate-bar 3s linear;-ms-animation:animate-bar 3s linear;-o-animation:animate-bar 3s linear;animation:animate-bar 3s linear}@-moz-keyframes animate-bar{0%{width:0}}@-webkit-keyframes animate-bar{0%{width:0}}@-ms-keyframes animate-bar{0%{width:0}}@-o-keyframes animate-bar{0%{width:0}}@keyframes animate-bar{0%{width:0}}.animate{-webkit-animation:animate-height;-moz-animation:animate-height;animation:animate-height;animation-duration:3s;-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}@-webkit-keyframes animate-height{0%{height:0}100%{visibility:visible}}@-moz-keyframes animate-height{0%{height:0}100%{visibility:visible}}@keyframes animate-height{0%{height:0}100%{visibility:visible}}
HTML
© The Simple Postmaster