css+html仿今日头条的评论框动画效果

这一周忙期末考试，耗去了不少时间。现在来补一下一周前完成的仿的今日头条的动画效果。

先上代码吧。html部分：

<div class="comment-add">						
     <div class="commentguest">
           <img src="img/guest.png" class="img-circle">
     </div>
     <div id="comment-input" class="comment-input">
	   <div class="commentarea">
	         <textarea  id="content" rows="6" cols="80" onpropertychange="if(this.scrollHeight> 80)this.style.posHeight=this.scrollHeight+5" placeholder="请写下您的评论"></textarea>
           </div>									
	   <div class="commentbtn">
		 <div class="commentmask"></div>
		 <a href="javascript:;" class="getcomment btn btn-block" role="button">评论</a>