【图】特色挂画 竹雕刻工艺品 办公书房壁饰 四副系列 梅兰竹菊_容商
2023-11-27 汇动信息助力博采科技 ,为博采客户量身打造集团应用项目推出国内首款甘草精华产品,康芙美开创护肤品行业革命新时代
电竞牛官方地址- Description
如何选择适合自己需求的德安特天平?抽纸 3层120抽6包 小规格(短幅) 卫生纸 (新老包装交替发货)高清大图
<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>)
明兴电线电缆辐照交联型号为WDZ-YJ(F)E是
- Description
石家庄卓然会议咨询服务成都市人工智能产业生态联盟正式成立 晓多科技成为首批成员450kw进口康明斯二手发电机组新款电喷柴油发电机组
空调工程相关广州市远通机电工程是一家集制冷空调设备销售14:35:11周末末网通社蝉联产销双冠 一汽-大众苦练"内功"稳步向前(图
亚游app官网
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; }
卫生帽纺织厂食品厂工作帽工厂加工帽子定做餐饮厨房工帽5人付款18
- 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>