![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
rogerwang@f2e
码中自有颜如玉,码中自有黄金屋!
展开
-
Dialog
简单实现一个dialog,包含标题、内容、取消事件、确认事件jsclass Dialog { constructor({ title, content, cancelCb, confirmCb } = {}) { this.title = title; this.content = content; this.cancelCb = cancelCb; this.confirmCb = confirmCb; thi.原创 2021-08-31 22:34:43 · 135 阅读 · 0 评论 -
css3扇形及简单动画
css3扇形html<div class="sector"></div>css.sector { display: inline-block; border-top: 50px solid #F0A548; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top-left-radius: 50%; border-top-right-radius:原创 2021-07-06 21:58:29 · 366 阅读 · 0 评论 -
两步实现h5在ios刘海屏的样式兼容
h5在ios刘海屏的样式兼容未修改之前的页面:一、html页面头部添加viewport-fit=cover<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=c...原创 2020-03-11 18:43:03 · 4321 阅读 · 2 评论 -
css3 transition过渡效果
基本用法:transition: 样式名称, 过渡时间, 过渡方式, 延时;.circle{ transition: transform .2s ease .5s;} 可选过渡效果:linear 规定以相同速度开始至结束的过渡效果(等于 cubic-bezier(0,0,1,1))。 ease 规定慢速开始,然后变快,然后慢速结束的过渡效果(cubi...原创 2019-02-22 17:09:03 · 366 阅读 · 0 评论 -
iOS和Android内嵌H5页面遇到的坑
1、ios上页面使用-webkit-overflow-scrolling: touch可以滚动流畅,但是会阻塞dom,滚动过程中没法操作dom。2、使用zoomIn和zoomOut动画展开再关闭弹窗之后,页面无法滑动3、定位元素互相嵌套在uiwebview上上下滑动过快的时候会导致该区域空白4、ios上background不能使用简写,没法识别5、老的webview滚动问题比较多,...原创 2019-02-22 17:27:15 · 3457 阅读 · 0 评论