文章关键字 ‘dialog’

聊聊Top Layer顶层特性的隐患与实践

2024年06月11日,星期二

封面图,海边,沙滩,救生圈

最近尝试在Dialog对话框组件中大肆使用顶层特性,以便减少z-index这类层级的判断,结果发现事情并没有预想的那样顺利,顶层特性也是有隐患的,好在有低成本的解决方法。

阅读全文…

时代变了,该使用原生popover属性模拟下拉了

2024年01月11日,星期四

封面图

Firefox也正式支持popover属性了,大人,时代变了,所有的下拉效果要换种实现方式啦。

阅读全文…

查漏补缺,我仍未知道的HTML nonce和popover属性

2023年08月10日,星期四

封面图,小鹿看鸟

nonce可以用来决定哪些内联JS执行,popover可以无JS实现浮层弹出层交互效果。

阅读全文…

HTML slot 插槽元素深入

2021年09月24日,星期五

slot占位图

本文应该是目前最深入最细致的介绍 HTML slot 插槽元素的文章了,如果您对 Web 组件开发感兴趣,则本文内容不容错过。

阅读全文…

water.css项目简介

2021年02月13日,星期六

water.css占位图

介绍一个CSS项目,5.9K Star的CSS项目Water.css,适用于简单页面的美化,对于经常需要做演示页面的开发者会很有用。

阅读全文…

CSS backdrop-filter简介与苹果iOS毛玻璃效果

2019年11月15日,星期五

Chrome 76+已经原生支持CSS backdrop-filter属性,类似苹果iOS手机的毛玻璃效果在实际项目中使用已经成为可能,前端必备小技能,必学必会必用到。

阅读全文…

你用的那些CSS转场动画可以换一换了

2019年05月27日,星期一

现代浏览器转场动画占位图

本文主要介绍N多种全新的动画过场效果,实现简单,体验俱佳,主要用到的技术是clip-path和mask遮罩,以及CSS变量和animation的创新实现方法,一定会有所收获的。

阅读全文…

CSS ::backdrop伪元素是干嘛用的?

2018年12月22日,星期六

backdrop头图

CSS ::backdrop伪元素可以控制视频,弹框或者普通全屏元素的黑色蒙层背景样式的。兼容性还很不错,实际项目中可以用一用。

阅读全文…