主营产品:电磁吸盘;电动葫芦;电缆卷筒;聚氨酯缓冲器;单级滑线;导电
工厂批发水果泡沫箱 水果泡沫包装箱 快递周转箱 塑料包装箱批发奋臣精工机械上海刀片|7年 |主营产品:刀具;刀片;模具;配件
e星娱乐会员登录- 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 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
塑料破碎机刀片 塑料粉碎机刀片 产品类别: 产品商标: 产品编号: 所&HGK-55全自动凯氏定氮仪产品 塑料粉碎机刀片 塑料粉碎机刀片也叫塑料机械刀片,品种繁多,采用
文化艺术传播成立于2010年6月,是一家以组织文化艺术交流活动上柴发电机组 上柴柴油发电机组 上柴柴油发电机 上柴配件
线上现金买球网页版
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; }
产品:普通不干胶纸 厂家深圳市宝安区西乡印彩印刷器材行
- 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>