JSFiddle - React, Tailwind, and code Playground

by Sambora

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="col-md-4">
    <div class="last-news bg-red bg-red-shadow">
        <article>
            <div class="cont">
                <figure> <a href=""><img class="image img-responsive" alt="" src="http://www.nicdarkthemes.com/themes/baby-kids/wp/demo/wp-content/uploads/2015/01/sport.jpg"></a>

                </figure>
            </div>
            <header>
                 <h3><a href="">test title</a></h3>

            </header>
            <footer>
                <p class="text-justify">test description</p>
            </footer>
        </article>
    </div>
</div>

CSS

.cont:hover .image {

    -webkit-transform:scale(1.3);

    transform:scale(1.3);

}

.cont {

    overflow:hidden;


}

.image {

    -webkit-transition: all 0.7s ease;

    transition: all 0.7s ease;

}