Image Captions on Hover CSS

 Image Captions on Hover


a {

  position: relative
}

a span {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background: rgba(255,255,255,.8);
}

a:hover span {
  display: block
}
<a>
  <img src="http://placehold.it/300x200">
  <span>caption</span>
</a>
Donload Demo : 
https://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

Comments

Post a Comment

Popular posts from this blog

Get Post Data From Simple Post custom shortcode

<div class="container" id="artical-block">     <h2 id="all-artical-head">All Articles</h2>     <?php     global $post;     $args = array( 'numberposts' => -1, 'category' => 31 );     $posts = get_posts( $args );     foreach( $posts as $post ): setup_postdata($post);     $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID, 'thumbnail') ); ?>        <div class=" col-md-12 artical-block">       <div class="row">         <div class="col-sm-3 col-md-3"><img src="<?php echo $url ?>" width="" height="" alt="image" class="img-responsive"></div>         <div class="col-sm-9 col-md-9">           <h4><?php the_title(); ?></h4>           <p class="date-timing">By <?php echo get_the_author()...
Read more

Top 20 Beautiful Pen For Writing

Image
1. GOLDEN FOUNTAIN PEN New Double Dragon Antique Designer Golden Fountain Pen. Pen Jinhao brands is a leading manufacturer which specializes in producing and exporting high quality metal writing instruments. Each pen is designed by our professional research and development team and crafted using advanced pen making skills. Quality Management System, using only the finest quality materials. PEN COMES WITH FITTED CONVERTER BUY NOW    2. YELLOW GOLDEN PEN Cap Metal Body Best Fountain Pen Gift For Men & Women Executive. A  Smooth Writing, Easy Grip Pen, Good for Men and Women. Which Even Students can use in their School or College, an Affordable Premium Pen.  NOW YOU  ENJOY THE FEEL OF A TRUE LUXURY PEN IN YOUR HAND.  T his is a luxury pen designed for those who love to write and express themselves every day. 2.  FZ CRAFT Imported Luxury Pen Perfect Gift Option -The pen comes in a beautiful presentation box making it the perfect pen sets for men gift....
Read more

Fatal error: Maximum execution time of 300 seconds exceeded in C:\xampp\phpMyAdmin\libraries\classes\Dbi\DbiMysqli.php on line 199

Image
  Whenever you import file in in database then after some processing time its show you have using Maximum execution time of 300 seconds exceeded will be showing this type of error in your database: First of all stop your Xampp Next step : go to config.default.php Once that’s done get back to finding phpMyadmin config file named something like “config.default.php”. On XAMPP you will find it under “C:\xampp\phpMyAdmin\libraries” folder. Open the file called config.default.php  and set : $cfg['ExecTimeLimit'] = 0; Simply paste here.. Once set, restart your MySQL and Apache and go import your database.   
Read more