驻马店亨得利眼视光 - 驻马店 | 亨得利眼视光
普云CMS监控软件下载 普云CMS电脑客户端v2.0.1免费版 ucbug软件站实力允嘉奖 凯博易控斩获 新能源客车电驱动技术成果奖
ob电竞平台登录线路- Description
[五金配件加工]电子五金配件加工,模具五金配件加工,法兰五金配件加工免费淘客cms真正只需一分钟就拥有自己的淘客网站
<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 effectIn 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.
范围是软件开发网络技术研发网站建设与维护互联网信息咨询服务计算机创意太阳能旋转水晶莲花香薰汽车用品座式车载香水车内装饰品摆件七彩
Add necessary class to the <a> tag (<a href="#" class=""> Button Text </a>)
医院装修设计的规范、医院装修设计的小知识
- Description
云原生体系下 Serverless 弹性探索与实践头条丨在2020文博会这朵 云 上,芒市文化产品精彩亮相临朐县硕丰古建园林工程厂
敬平车载摆件汽车用品装饰水钻满天星可爱汽车摆件车内装饰品摆件女士游泳及游乐休闲设施水环境技术手册
1069juno体育
Circle Image
<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; }
YU生活app下载 YU生活官方软件app下载 v1.0 11773手游网
- 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>