纯CSS折叠角落动画跨浏览器兼容

I've found a very interesting way to do a pure css animated folding page-tip. It works perfectly in Chrome but it does not in IE or Firefox. I've tried to figure out where the compatibility problem come from but unfortunately I am not very experienced in CSS and I cannot find it... to do a pure