首页

Trong thế giới ngày càng phát triển của công nghệ tìm kiếm, cá nhân hóa trên Google Chrome trở thành nhu cầu thiết yếu để người dùng có trải nghiệm tối ưu.-789bet thưởng ngày hôm nayTiết lợn luộc là món ăn bình dân được nhiều người yêu thích vì ngon, bổ dưỡng, tuy nhiên không phải ai cũng có thể ăn được món này.-ruttien 789bet

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

Những bạn giỏi viết lách thường học giỏi khối xã hội và có nhiều ngành nghề phù hợp để lựa chọn.-789BET bắn cá hot 2024Galaxy Z Fold6 và Z Flip6 có lẽ sẽ không quá khác biệt so với thế hệ trước, thậm chí là 2 thế hệ trước, điều gì đã xảy ra?-Đá gà trực tiếp casino 789BET