.ribbon{width:68px;height:55px;background-color:#ffb900;position:absolute;right:0;top:0;color:#fff;text-align:center;padding:3px;-webkit-animation:drop 1s cubic-bezier(.165,.84,.44,1) 0s forwards;animation:drop 1s cubic-bezier(.165,.84,.44,1) 0s forwards}.ribbon:before{content:"";position:absolute;z-index:2;left:0;bottom:-34px;border-left:34px solid #ffb900;border-right:34px solid #ffb900;border-bottom:34px solid transparent}@-webkit-keyframes drop{0%{top:-300px}to{top:0}}@keyframes drop{0%{top:-300px}to{top:0}}