Flip Background Image using CSS

by Faisal Khan Janjua

HTML

<div>
  <span>this is text</span>
</div>

CSS

div{
  width:240px;
  height:100px;
  border:1px solid #F9F;
  background:url('https://www.google.com.pk/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png') no-repeat center center;
  color:#F99;
  text-align:center;
    transform:scaleX(-1);
}
div > span{
  display:block;
    transform:scaleX(-1);
}