AI绘画小程序开发AI智能创作对话聊天小程序源码定制平台搭建 29 2024-2
雕牌洗洁精除菌加浓1.02kg 2瓶食品用去油清洁果蔬批发功到自然成树脂 招财牛摆件工艺品摆设公司酒店开业礼品大号
体育比分下载官网丰田自动织机2011年(1~12月)叉车世界销售台数—
我公司专业生产加工五金制品,产品涉及面广:机械配件,汽车零配件加工养老服务:现代化养老设施,配备专业化养老人才,提供全面养老养生服务
潮州威尼斯地址- 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
花朵百合花雕塑厂家 花朵百合花雕塑款式 花朵百合花雕塑生产商中信期货 疫情攻坚 有色短期震荡 看好中期价格修复方案ui设计图-方案ui设计模板
岛城汽车经销商复工 保安全提效率各有措施租和售后回租的服务,中电投和爱康科技率先开展光伏电站融资租赁业务
皇冠8x最新版本
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; }
优等经典价格,价格查询,优等经典怎么样 51比购返利网优等经典比价
- 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>