how diplay excerpt on hover

pls look this code how can edit this code to show excerpt on hover

<article class="masonry-entry" id="post-<?php the_ID(); ?>" <?php post_class(); ?> >
    <div id="masonry-loop" class="js-masonry"
  data-masonry-options='{ "columnWidth": auto, "itemSelector": ".item" }'>
<?php if ( has_post_thumbnail() ) : ?>
    <div id="masonry-loop" class="js-masonry"
  data-masonry-options='{ "columnWidth": auto, "itemSelector": ".item" }'>
    <div class="masonry-thumbnail">
        <a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('masonry-thumb'); ?></a>
    </div><!--.masonry-thumbnail-->
<?php endif; ?>
    <div class="masonry-details">
	    <h5><a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>"><span class="masonry-post-title"> <?php the_title(); ?></span></a></h5>
        <?php
            //put the excerpt markup in variable so we don't have to repeat it multiple times.
            $excerpt = '<div class="masonry-post-excerpt">';
            $excerpt .= the_excerpt();
            $excerpt .= '</div><!--.masonry-post-excerpt-->';
//if we can only skip for phones, else skip for all mobile devices
            if (function_exists( 'is_phone')) {
                if ( ! is_phone() ) {
                    echo $excerpt;
                }
            }
            else {
                if ( ! wp_is_mobile() ) {
                    echo $excerpt;
                }
            }
        ?>
    </div><!--/.masonry-entry-details -->
<div id="masonry-loop">
  <div class="item"><p class="post-category"><?php the_category(' / '); ?></p></div>   <div class="item w2"><p class="post-date"><?php the_time('j M, Y'); ?></p></div>
  <div class="item">

</article><!--/.masonry-entry-->