首页

长沙楼市一季度缘何“冰火两重天”

习近平出席“一带一路”国际合作高峰论坛纪实

粉丝演唱会上求婚 王力宏焦急围观：不要挡到我

Description

　　不过，在十周年这个关键的时间点上，niconico却迎来了一个不太好的消息。关于内容，我们觉得有一个“1%定律”：从人群的角度来看，100个人里面有1个意见领袖。

<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.

目前新三板上万家企业中，至少有三分之一，也就是3760家企业是“僵尸股”。　　据悉，新东方在线成立于2005年，是新东方集团旗下专业的在线教育公司，集研发、推广、销售、运营、客服为一体，主要从事基于B2C和B2B商业模式的面向学前儿童、中小学生、大学生以及职业人群的专业在线教育服务。

如今全国最低6.37万，本田哥瑞多少人值得拥有？

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