12 2020 档案

摘要:1.伪类边框线 <div class="dxd_border"> <img src="" alt=""> </div> .dxd_border{ position: relative; overflow: hidden; } .dxd_border::before, .dxd_border::aft 阅读全文
posted @ 2020-12-29 12:59 wangmeihao 阅读(233) 评论(0) 推荐(0) 编辑
摘要:<div class="dxd_fz"> <ul> <li> <div class="fz_1"> <img src="images/fz_1.png" alt=""> 经验丰富 </div> <div class="fz_2"> 2222222222222222222 </div> </li> < 阅读全文
posted @ 2020-12-23 10:26 wangmeihao 阅读(120) 评论(0) 推荐(0) 编辑
摘要:data-wow-duration:更改动画持续时间data-wow-delay:动画开始前的延迟data-wow-offset:开始动画的距离(与浏览器底部相关)data-wow-iteration:动画的次数重复(无限次:infinite) 2.使用fullpage.js下wow.js无效失效没 阅读全文
posted @ 2020-12-22 14:45 wangmeihao 阅读(156) 评论(0) 推荐(0) 编辑
摘要:1.background中的 linear-gradient 兼容角度问题 background: linear-gradient(330deg, #f6663f 0%, #ed2151); background: -webkit-linear-gradient(150deg, #f6663f 0% 阅读全文
posted @ 2020-12-21 19:58 wangmeihao 阅读(48) 评论(0) 推荐(0) 编辑
摘要:1. clip-path: polygon(0 0 , 100% 0,100% 90%, 55% 90%,50% 100%, 45% 90%,0 90% ); -webkit-clip-path: polygon(0 0 , 100% 0,100% 90%, 55% 90%,50% 100%, 45 阅读全文
posted @ 2020-12-19 09:45 wangmeihao 阅读(53) 评论(0) 推荐(0) 编辑
摘要:<!-- 按钮 --> <div class="navigation"> <a href=""></a> </div> <!-- 楼层 --> <div> <div class="navigation_content"> </div> </div> jQuery部分 var $loutili = $ 阅读全文
posted @ 2020-12-18 12:51 wangmeihao 阅读(843) 评论(0) 推荐(0) 编辑
摘要:<style> /* pc_ban */ .pc_ban .swiper-slide { overflow: hidden; } .pc_ban .sw_bg { width: 100%; height: 600px; top: 0; left: 0; transform: scale(1.1); 阅读全文
posted @ 2020-12-17 10:15 wangmeihao 阅读(219) 评论(0) 推荐(0) 编辑
摘要:效果网址:https://codepen.io/haidongqingyu/pen/MWjyXzB 1 . css3 transform:skew() <a href="" class="dxd_skew">查看更多</a> <style> .dxd_skew { text-decoration: 阅读全文
posted @ 2020-12-11 08:48 wangmeihao 阅读(602) 评论(0) 推荐(0) 编辑
摘要:1.banner小点点 .pc_ban .swiper-pagination-bullet { transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webki 阅读全文
posted @ 2020-12-03 09:08 wangmeihao 阅读(76) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示