网站banner图文字上下居中 +css3动画效果

这里用到了一些css3动画效果，animation ,把图片作为背景图片，并且背景图片会根据不同的终端自适应，banner图上的文字是会根据文字上下居中的，并且有一个动画效果，非常适用于项目开发中。

css代码

.contact_container .banner_class{
 
 height: 500px;background: url(../image/contactbanner1.jpg) center no-repeat;background-size:cover;position:relative}

.contact_container .contact_text{
  
  position: absolute;top:50%;transform:translateY(-50%);