- Description
-
bet365中国界面的视觉设计和用户体验完美结合******
bet365中国：视觉设计与用户
<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 effectbet365中文比分是如何体育竞猜的一种方式******
探索bet365中文
<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.
bet365中国，全球著名线上博彩平台，体育投注领域的领先品牌******
探索激情与胜利的世界
bet365中国，全球著
bet365中文比分高清直播平台优势详解******
探秘bet36
皇冠bet3
- Description
-
bet365中文官网是全球知名大型博彩集团，拥有丰富多样的在线博彩游戏。******
探秘bet365中文官网：重新定义博彩游戏体验
赢得激动人心的游戏乐趣
be
bet365中文提供最全面的在线博彩服务及优质体育投注。******
bet365中文：带你走进
bet365中国
bet3
<span class="pro_image_round"></span>
Card Style
<span class="pro_image_card"></span>
Embossed Style
<span class="pro_image_embossed"></span>
Soft Embossed Style
<span class="pro_image_soft-embossed"></span>
Cutout Style
<span class="pro_image_cut_out"></span>
Morphing & Glowing
<span class="pro_image_morphing_glowing"></span>
Glossy Overlay
<span class="pro_image_glossy"></span>
Reflection
<span class="pro_image_reflection"></span>
CSS
.YourStyle{ background:url(YourImage.jpg) 0 0 no-repeat; width:YourImageWidth px; height:YourImageHeight px; }
bet365
- Description
-
Lifted Shadow
<div class="pro_lifted"> <div class="pro_text-shadow"> Text </div> </div>
Perspective Shadow
<div class="pro_perspective"> <div class="pro_text-shadow"> Text </div> </div>
Raised Block
<div class="pro_raised"> <div class="pro_text-shadow"> Text </div> </div>
Shadow with two vertical curves
<div class="pro_curved-vt-2"> <div class="pro_text-shadow"> Text </div> </div>
Shadow with two horizontal curves
<div class="pro_curved-hz-2"> <div class="pro_text-shadow"> Text </div> </div>