<html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>css3滑动图片动画效果</title> <link rel="stylesheet" type="text/css" href="/api/jq/5733e31f77729/css/component.css" /> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div class="container"> <header class="sucaihuo-header"> <h1>css3鼠标hover效果 <span>各种显示图片标题的效果</span></h1> </header> <div class="grid"> <figure class="effect-lily"> <img src="/api/jq/5733e31f77729/img/1.jpg" alt="img01"/> <figcaption> <h2>Nice <span>Lily</span></h2>