首页

热血传奇18周年专区礼包

凌焕新少将调任中央军委纪委副书记

女副局长与民众座谈发飙：你哪个小区的 记下来

Description

　　“制片人”吴奇隆　　吴奇隆应该是明星中读网文最多的艺人了。　　业绩大幅度下滑，是很难通过发审委审核的，这也许是公司被投资者“抛弃”的重要原因。

<div class="pro_view pro_view_first">
	<img src="/YourImage.jpg" alt="" />
	<div class="pro_mask">
		<h2> Heading </h2>
		<p> Text </p>
		<a href="#" class="pro_btn">Button</a>
	</div>
</div>

Add the special class pro_view_first to the element with the class pro_view for the first effect.

In the second hover we will add the special class pro_view-second, but we will leave the element with the class pro_mask empty and wrap the description in a div with the class pro_content

<div class="pro_view pro_view_second">
	<img src="/YourImage.jpg" alt="" />
	<div class="pro_mask"></div>
	<div class="pro_content">
		<h2> Heading </h2>
		<p> Text </p>
		<a href="#" class="pro_btn">Button</a>
	</div>
</div>

For other hover effects you can use the same HTML structure. You only need to change class pro_view_second to the following ones:
pro_view_third - third effect
pro_view_fourth - fourth effect
pro_view_fifth - fifth effect
pro_view_sixth - sixth effect
pro_view_seventh - seventh effect
pro_view_eight - eight effect

In ninth hover, we will use two pro_mask elements to slide them in from the bottom right and the top left:

<div class="pro_view pro_view_ninth">
	<img src="/YourImage.jpg" alt="" />
	<div class="pro_mask pro_mask-1"></div>
	<div class="pro_mask pro_mask-2"></div>
	<div class="pro_content">
		<h2> Heading </h2>
		<p> Text </p>
		<a href="#" class="pro_btn">Button</a>
	</div>
</div>

Define .pro_view and .pro_mask width and height which match image`s width and height in style.css file.

　　在《2016微博用户发展报告》中，微博18-30岁用户占比接近70%，85后、90后正在成为微博主力用户。另一方面，新加坡也是全球最高智能手机普及率最高的国家之一，这对于共享单车企业有着巨大吸引力。

物理老师成现象级网红 做科普视频一年半粉丝千万

Add necessary class to the <a> tag (<a href="#" class=""> Button Text </a>)